name属性

name属性は要素の名前を指定できる属性です。

iframe要素

iframe要素ではname属性を利用してフレームの名前を指定することができます。a要素などのリンクでフレームの名前をtarget属性に指定することで指定したインラインフレームでページを表示することができます。

<a href="http://www.webcreativepark.net/" target="windowName">link</a>
<iframe src="http://www.webcreativepark.net/html/" name="windowName"></iframe>

object要素

object要素ではname属性でobject要素の名前を指定することができます。この名前はa要素などのtarget属性で指定を行い、object要素の内容を書き換える際などに利用されます。

<a href="sample2.jpg" target="sample1">画像を変更</a>
<object data="sample.jpg" name="sample1"></object>

param要素

param要素はname属性で名前をvalue属性で値を指定して利用し、代替コンテンツの前に記述がします。

<object width="100" height="100">
	<param name="movie" value="sample.swf">
	<p>Flashを再生できません</p>
</object>

map要素

map要素ではname属性で自身の名前を定義し、img要素やobject要素にはusemap属性でmap要素のname属性を指定します。(2014年1月時点でobject要素への対応ブラウザはFirefoxのみ)

object要素の指定方法

<object data="http://www.webcreativepark.net/sample/images/2013-12-05%2013.22.31.jpg" width="500" height="500" usemap="#sample"></object>
<map name="sample">
<area shape="rect" coords="0,0,250,250" href="http://www.webcreativepark.net/sample/" alt="ホーム">
</map>

sample

img要素の指定方法

<img alt="" src="http://www.webcreativepark.net/sample/images/2013-12-05%2013.22.31.jpg" width="500" height="500" usemap="#sample">
<map name="sample">
<area shape="rect" coords="0,0,250,250" href="http://www.webcreativepark.net/sample/" alt="ホーム">
</map>

sample

form要素

name属性でform要素の名前をつけることができます。

<form action="/search/" name="form01">

form要素の名前はHTML文章中でユニークな名前を付けなくてはいけません。

input要素

input要素ではname属性でフォームパーツの名前をつけることができ、指定した名前はデータ送信時のキーとして利用されます。

<input type="text" name="comment">

button要素

button要素ではname属性でボタンの名前をつけることができ、指定した名前はデータ送信時のキーとして利用されます。

<button name="submit">送信</button>

select要素

select要素ではname属性でセレクトボックスの名前をつけることができ、指定した名前はデータ送信時のキーとして利用されます。

<select name="select_name01">
	<option value="1"> Miner </option>
	<option value="2"> Puffer </option>
	<option value="3" selected> Snipey </option>
	<option value="4"> Max </option>
	<option value="5"> Firebot </option>
</select>

textarea要素

textarea要素ではname属性でボタンの名前をつけることができ、指定した名前はデータ送信時のキーとして利用されます。

<textarea name="bar"></textarea>

keygen要素

keygen要素はname属性で名前をつけることができ、指定した名前はデータ送信時のキーとして利用されます。

<keygen name="bar">

output要素

name属性でoutput要素に名前をつけることができます。あくまで名前が付けられるだけであって値がフォーム送信時に値は送信されません。

<output name="o"></output>

fieldset要素

name属性でfieldset要素に名前を付けることができます。legend要素でつけた名前とは異なりJavaScriptなどで要素にアクセスするために利用します。

<fieldset　name="name01">

登録日 : 2013年12月16日最終更新日 : 2015年2月8日

HTMLリファレンス