入力テキストボックスの長さを内容に応じて変更する方法の紹介

この記事では、コンテンツの長さに応じて入力テキストボックスの長さを変更する方法を主に紹介します。実装原理は非常に簡単です。 まず:

コードは次のとおりです:

<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">

ここで size="4" が定義されている初期サイズです。ここで定義されていない場合は、 this.size=(this.value.length>4?this を設定します)。 .value.length:4); 内の 4 を 20 に変更し、 のデフォルトのサイズを 20 に変更します。

2 番目: スタイルで width 属性を定義する場合は、内容が変更された場合、2 つの要件は矛盾するのではないでしょうか? したがって、ここのスタイルで幅属性を定義することはできません。

に従って入力テキスト ボックスの長さを変更する方法の詳細については、内容については、PHP 中国語 Web サイトの関連記事にご注目ください。