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>
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>
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日
同じカテゴリー(属性)のエントリー
- optimum属性
- high属性
- low属性
- from属性
- keytype属性
- challenge属性
- wrap属性
- rows属性
- cols属性
- selected属性
- menu属性
- disabled属性
- autofocus属性
- step属性
- size属性
- required属性
- readonly属性
- placeholder属性
- pattern属性
- multiple属性
- minlength属性
- min属性
- maxlength属性
- max属性
- list属性
- inputmode属性
- formtarget属性
- formnovalidate属性
- formmethod属性
- formenctype属性
- formaction属性
- dirname属性
- checked属性
- accept属性
- for属性
- novalidate属性
- method属性
- enctype属性
- autocomplete属性
- action属性
- accept-charset属性
- sorted属性
- abbr属性
- scope属性
- headers属性
- rowspan属性
- colspan属性
- span属性
- open属性
- srcset属性
- border属性
- sortable属性
- hreflang属性
- rel属性
- shape属性
- coords属性
- default属性
- label属性
- srclang属性
- kind属性
- media属性
- controls属性
- muted属性
- loop属性
- mediagroup属性
- autoplay属性
- preload属性
- poster属性
- form属性
- typemustmatch属性
- data属性
- seamless属性
- sandbox属性
- name属性
- srcdoc属性
- ismap属性
- height属性
- width属性
- usemap属性
- alt属性
- scoped属性
- datetime属性
- download属性
- target属性
- href属性
- value属性
- crossorigin属性
- defer属性
- async属性
- charset属性
- src属性
- cite属性
- type属性
- start属性
- reversed属性
- manifest属性