定義和用法
該name屬性指定元素的名稱。
此名稱屬性可以用來引用的元素在JavaScript。
對於表單元素它也用作基準的數據被提交時，
對於iframe元素可用於定位一個表單提交。
為地圖的元素， name屬性是與相關聯的<img>'s usemap屬性並創建圖像和地圖之間的關係。
對於元元，該name屬性指定的信息/值的名稱content屬性。
對於param元素，將name屬性與一起使用value屬性與指定插件參數指定<object>標記。
適用於
該name屬性可以在下列元素一起使用：
| 分子 | 屬性 |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <keygen> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
例子
例
兩個按鈕具有相同的名稱，單擊時提交不同的值：
<form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
試一試» Fieldset示例
一個<fieldset>與name屬性：
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
試一試» Form示例
HTML表單與name屬性：
<form
action="form_action.asp"
method="get" name="myForm">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>
試一試» Iframe示例
一個<iframe>是充當一個鏈接的目標：
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
試一試» Input示例
HTML表單有三個輸入字段; 兩個文本框，一個提交按鈕：
<form
action="demo_form.asp">
Name: <input type="text" name="fullname"><br>
Email:
<input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
試一試» Keygen例
表單與凱基領域：
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
試一試» Map示例
圖像映射，可點擊方面：
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
試一試» Meta實例
使用name屬性來定義一個描述，關鍵字和HTML文檔的作者：
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
試一試» Object實例
一個<object>元素具有name屬性：
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> 試一試» Output示例
執行計算和顯示結果在<output>元素：
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
試一試» Param示例
設置"autoplay"參數設置為"true" ，所以聲音會立即開始播放的頁面加載：
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
試一試» Select示例
一個下拉列表與name屬性：
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
試一試» Textarea示例
與文本區域name屬性：
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
試一試» 瀏覽器支持
在multiple屬性為每個元素以下瀏覽器支持：
| 元件 | |||||
|---|---|---|---|---|---|
| button | 是 | 是 | 是 | 是 | 是 |
| fieldset | 是 | 不支持 | 是 | 是 | 是 |
| form | 是 | 是 | 是 | 是 | 是 |
| iframe | 是 | 是 | 是 | 是 | 是 |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | 是 | 不支持 | 是 | 6 | 是 |
| map | 是 | 是 | 是 | 是 | 是 |
| meta | 是 | 是 | 是 | 是 | 是 |
| object | 是 | 是 | 是 | 是 | 是 |
| output | 10.0 | 不支持 | 4 | 5.1 | 11.0 |
| param | 是 | 是 | 是 | 是 | 是 |
| select | 是 | 是 | 是 | 是 | 是 |
| textarea | 是 | 是 | 是 | 是 | 是 |