最新的Web开发教程
 

HTML name Attribute


定义和用法

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