ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLテキストボックスの長さを設定する方法

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

奋力向前
奋力向前オリジナル
2021-09-30 17:47:2726222ブラウズ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

推奨学習: 「

html ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。