HTMLテキストボックスの長さを設定する方法

HTML では、width 属性を使用してテキスト ボックスの長さを設定できます。この属性は要素の幅を設定できます。追加する必要があるのは、「幅: 長さ 値 長さの単位;」スタイルのみです。テキストボックス要素に。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

html でテキスト ボックスの長さを設定する方法

1. 新しい HTML ファイルを作成し、test.html という名前を付けて説明します。使い方. CSSはテキストボックスの長さを調整します。

2. 以下に示すように、test.html ファイルで、p タグ内の input タグを使用して 2 つのテキスト ボックスを作成します。

3. test.html ファイルで、2 つの入力ボックスの id 属性をそれぞれ 1 と 2 に設定します。これは主に、以下のID。

##4. test.html ファイルに、 タグと、その CSS スタイルを記述します。ページはこのタグ内に記述されます。

5. css タグで、id 1 の input タグのスタイルを設定し、width 属性を使用してその長さを 100px として定義します。

#6. css タグで、id 2 の input タグのスタイルを設定し、width 属性を使用してその長さを 200px として定義します。

#7. ブラウザで test.html ファイルを開いて効果を確認します。

推奨学習: 「

html ビデオ チュートリアル」

以上がHTMLテキストボックスの長さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。