定义和用法
该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 | 是 | 是 | 是 | 是 | 是 |