欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  我们先来了解一下name属性在表单中的定义:
 
  name属性规定input元素的名称。
 
  name属性用于对提交到服务器后的表单数据进行标识
 
  或者在客户端通过JavaScript引用表单数据。
 
  注释:只有设置了name属性的表单元素才能在提交表单时传递它们的值。
 
  <inputname="value">
 
  看一个实例,让你们更了解上面的定义
 
  带有两个文本字段和一个提交按钮的HTML表单:
 
  <formaction="form_action.asp"method="get">
 
  <p>name:<inputtype="text"name="fullname"/></p>
 
  <p>email:<inputtype="text"name="email"/></p>
 
  <inputtype="submit"value="Submit"/>
 
  </form>
 
  代码的效果是什么呢?看图
 
  tuyi.png
 
  说了这么多,大家对name属性应该有些了解了,那么现在开始说说HTML中name属性的作用吧
 
  在表单提交时如果你用request.form("name")那么你可以得到你文本框中输入的值,如果你页面上有多个控件的name都相同的话,那你用getelementsbyname就可以得到一个数组。还有如果你页面上有两个radio是让用户来选择性别的话,如果你没给这两个按钮设置name属性,那么你可以试试它是个什么效果。radio是能用来让用户选择性别的,一般选择性别时只能选一个,如果你不把这两个radio的name不设成相同的话,那么他就会既能选择男又可以选择女,所以name属性在表单中是很重要的.
 
  说了这么多,再看一个name属性的作用实例代码:
 
  <html>
 
  <select>
 
  <optionvalue="1">php中文网</option>
 
  <optionvalue="2"selected="selected">百度</option>
 
  <optionvalue="3">腾讯</option>
 
  </select>
 
  <form>
 
  <inputtype="checkbox"name="newsletter"checked="checked"value="Daily"/>非常喜欢
 
  <inputtype="checkbox"name="newsletter"value="Weekly"/>喜欢
 
  <inputtype="checkbox"name="newsletter"checked="checked"value="Monthly"/>还行
 
  </form>
 
  <inputtype="button"value="确定"/>
 
  <SPANstyle="WHITE-SPACE:pre">&nbsp;<inputtype="text"value="请输入原因"/></SPAN>
 
  </html>
 
  这个图的效果是什么呢,让我们一起来看看
 
  tuer.png
 
  name属性是控件的名称(多个控件可以取同一个名称),value是控件的值
 
  并不是所有控件的value都会显示出来
 
  定义控件的name和value之后就可以在服务器上获取这个控件和它的值
 
  没看到submit的name,并不表示浏览器忽略了它的name,在提交之前它也被浏览器定义了name,在服务器上一样可以得到它的name和value
 
  控件不定义name/value也可以显示,只是为了方便在服务器接收和区别,才定义它的name/value,当然按钮的value不光是存放它的值,也是用来显示的
 
  好了,以上就是这篇文章的全部内容了,有什么疑问欢迎在下方提问





本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54809.shtml