サイトアイコン THE SIMPLE

name属性とは?HTMLの基本概念を分かりやすく解説する

Explanation of IT Terms

name属性とは?HTMLの基本概念を分かりやすく解説する

HTMLにおいて、name属性は要素に名前を付けるために使用されます。name属性は、フォームの入力フィールドやボタン、リンク、イメージなどのHTML要素に付けることができます。

例えば、以下のようにフォームのinput要素にname属性を付けることができます。

“`






“`

この例では、ユーザー名とパスワードの入力フィールドにname属性を設定しています。フォームが送信されると、入力された値はそれぞれのname属性に対応するキーとしてサーバーに送信されます。

また、name属性はリンクやイメージにも使用することができます。以下の例では、リンクにname属性を付け、同じページ内でそのリンクをクリックすると、該当するid属性を持つ要素に移動するようになっています。

“`
Section 1
Section 2

Section 1

Section 1の内容がここにあります。

Section 2

Section 2の内容がここにあります。

“`

このように、HTMLの基本概念であるname属性は、フォームの入力フィールドやボタン、リンク、イメージなどのHTML要素に付けられ、それぞれの要素に名前を付けるための属性です。学習者はもちろん、プロのWeb開発者も押さえておくべき概念です。

参考記事

参考サイト

合わせて読みたい

【Google Chrome】右クリックで翻訳がでなくなった時の対策方法の決定版

モバイルバージョンを終了