ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで入力の幅を設定する方法
HTMLで入力の幅を設定する方法
- 青灯夜游オリジナル
- 2021-11-01 16:58:4319978ブラウズ
HTML で入力幅を設定する方法: 1. width 属性を input 要素 (構文 "") に設定します。 2. width スタイルをinput 要素の構文は「input {width:width value;}」です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
#html で入力の幅を設定する
#方法 1: input 要素の width 属性を使用するHTML 5 width 属性 この属性は、 要素の幅を指定します。
注: width 属性は、
にのみ適用されます。 ヒント: 画像の高さと幅の属性を指定することをお勧めします。これらのプロパティが設定されている場合、ページの読み込み時に必要なスペースが画像用に予約されます。これらの属性がないと、ブラウザは画像のサイズを認識できず、そのための適切なスペースを予約できません。ページと画像が読み込まれると、ページ レイアウトが変更されます。
<form action="demo-form.php"> 用户名: <input type="text" name="name"><br> 密 码: <input type="password" name="pass"><br> <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48"> <input type="image" src="img_submit.gif" alt="Submit" width="100" height="100"> </form>レンダリング:
##方法 2: CSS 幅スタイルを使用する
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
#pass {
width: 200px;
}
</style>
</head>
<body>
<form action="demo-form.php">
用户名: <input type="text" name="name"><br>
密 码: <input type="password" name="pass" id="pass">
</form>
</body>
</html>レンダリング:
推奨チュートリアル: 「
html ビデオ チュートリアル」
以上がHTMLで入力の幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。