ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTMLテキストボックスのサイズを設定する方法

HTMLテキストボックスのサイズを設定する方法

藏色散人
藏色散人オリジナル
2021-05-12 11:32:4929879ブラウズ

HTML テキスト ボックスのサイズを設定する方法: 最初に新しい HTML ページを作成し、次にラベル label と入力ボックスを追加し、最後に size 属性を設定して幅を変更します。

HTMLテキストボックスのサイズを設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

HTML でテキスト ボックスのサイズを設定する方法

手順は次のとおりです

まず、sublime text2 を使用して新しい HTML ページを作成しますテスト用。これをtest.html

HTMLテキストボックスのサイズを設定する方法

#と呼びます。この時点で、Webページにlabelタグと入力ボックスを追加します。

HTMLテキストボックスのサイズを設定する方法

エフェクトをプレビューすると、デフォルトの幅が 10 であることがわかります。

HTMLテキストボックスのサイズを設定する方法

ここでは、 size 属性 幅を確認します。

HTMLテキストボックスのサイズを設定する方法

#エフェクトを再度プレビューします。幅が狭くなったのでしょうか?

HTMLテキストボックスのサイズを設定する方法

幅を変更するだけならこれだけで十分ですが、その他の部分を変更する場合は。最終的な効果をプレビューするには、スタイル属性

HTMLテキストボックスのサイズを設定する方法

# を追加する必要があります。幅と高さが変更されていることがわかります。

HTMLテキストボックスのサイズを設定する方法

推奨学習: "

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

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

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