ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5でのsizeの使い方は何ですか?

HTML5でのsizeの使い方は何ですか?

WBOY
リリース: 2021-12-31 11:41:25
オリジナル
6175 人が閲覧しました

HTML5 では、size 属性は入力フィールドの表示幅、つまり表示される文字数を指定するために使用されます。構文は "<input size="number">"; です。入力フィールドがテキストまたはパスワード タイプの場合、この属性は表示される文字の数を定義します。入力フィールドが他のタイプの場合、この属性はピクセル文字幅を定義します。

HTML5でのsizeの使い方は何ですか?

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

html5 での size の使用法

size 属性は、入力フィールドの幅を指定します。

size 属性は、 要素の表示幅を文字数で指定します。

注: size 属性は、テキスト、検索、電話番号、URL、電子メール、パスワードの入力タイプに適用されます。

および の場合、size 属性は表示される文字数を定義します。他のタイプの場合、size 属性は入力フィールドの幅をピクセル単位で定義します。

構文は次のとおりです:

<input size="number">
ログイン後にコピー

要素の幅を文字数で指定します。デフォルト値は 20 です。

例は次のとおりです:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<form action="demo_form.php">
  Email: <input type="text" name="email" size="35"><br>
  PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
  <input type="submit" value="提交">
</form>
</body>
</html>
ログイン後にコピー

出力結果:

HTML5でのsizeの使い方は何ですか?

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

以上がHTML5でのsizeの使い方は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート