HTML一覧CSS一覧FlexboxシミュレーターHTML一覧

フォーム

<label> 入力欄の名前

重要度5 / 5

意味

入力欄の名前を書く場合に使います。for 属性に入力欄の id を書くと、名前をクリックしても入力欄が選ばれ、スクリーンリーダーにも項目名が伝わります。プレースホルダーだけで項目名を済ませるのは避けます。

コード

HTML
<label for="name">お名前</label>
<input id="name" name="name" type="text" autocomplete="name">

プレビュー(初期表示)

ブラウザ対応

主要ブラウザの対応状況
ブラウザ対応
Chrome1〜
Firefox1〜
Safari≤4〜
Edge12〜
Chrome Android18〜
Safari iOS≤3.2〜

出典: MDN Web Docs(`@mdn/browser-compat-data`)