HTML 标签的 name 属性

name 属性为文本区规定名称。适用的标签有 <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea>等。


实例

一个带有 name 属性的文本区:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>button 的 name 属性</h1>
  5. <form action="/example/html/action_page.aspx" method="get">
  6. 选择你喜欢的主题:
  7. <button name="subject" type="submit" value="HTML">HTML</button>
  8. <button name="subject" type="submit" value="CSS">CSS</button>
  9. </form>
  10. </body>
  11. </html>

定义和用法

name 属性为文本区规定名称。适用的标签有 <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea>等。

name 属性用于在 JavaScript 中对元素进行引用,或者在表单提交之后,对表单数据进行引用。

  • 对于<form>元素,name属性在提交数据时用作引用。

  • 对于<iframe>元素,name属性可用于将表单提交作为目标。

  • 对于<map>元素,name属性与<img>的usemap属性相关联,并在图像和地图之间创建关系。

  • 对于<meta>元素,name属性指定content属性的信息/值的名称。

  • 对于<param>元素,name属性与value属性一起用于为<object>标记指定的插件指定参数。


属性值
描述
name_of_textarea 规定文本区的名称。

更多实例

form 示例

  1. <form action="/example/html/action_page.aspx" method="get" name="myForm">
  2. 姓氏: <input type="text" name="fname"><br>
  3. 名称: <input type="text" name="lname"><br>
  4. <input type="button" onclick="formSubmit()" value="发送数据!">
  5. </form>

map 示例

  1. <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
  2. <map name="planetmap">
  3. <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  4. <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  5. <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
  6. </map>

meta 示例

  1. <head>
  2. <meta name="description" content="Free Web tutorials">
  3. <meta name="keywords" content="HTML,CSS,JavaScript">
  4. <meta name="author" content="Hege Refsnes">
  5. </head>

output 示例

  1. <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  2. <input type="range" id="a" value="50">100
  3. +<input type="number" id="b" value="50">
  4. =<output name="x" for="a b"></output>
  5. </form>

param 示例

  1. <object data="horse.wav">
  2. <param name="autoplay" value="true">
  3. </object>