欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html form标签name属性怎么用?form标签的name属性详解

程序员文章站 2022-04-21 11:19:38
...
本篇文章主要的介绍了关于HTML form标签的name属性的用法,最后还有关于name和id之间的区别,本文中说的是name标签的优点介绍,现在让我们一起来看这篇文章吧

我们首先来看看HTML form标签的name属性用法介绍:

form中的name属性主要是对这个form进行标记,就像我们每一个人都一个名字一样,当form有名字的时候我们在进行动态网页设计时候就可以通过request.form("name")的方法来获得form表单中的有关数据!

看看form标签name属性的实例介绍:

带有name属性的HTML表单:

<form action="form_action.asp"method="get"name="myForm">
  <p>请输用户名: <input type="text"name="fname"/></p>
  <p>再输用户名: <input type="text"name="lname"/></p>
  <input type="button"onclick="formSubmit()"value="确定提交吗"/>
</form>

效果如图所示:

html form标签name属性怎么用?form标签的name属性详解

form标签的name属性介绍:

1.name属性如果给[],在提交表单的时候会把多个name值自动组成数组提交

2.size属性表现为两种属性,一种是type为text和password,size表现为可见内容的宽度,其他类型的input框表现为以像素为单位的输入字段宽度;常见用法:

<p>PIN:<input type="text" name="pin" maxlength="2" size="2"/></p>

用maxlength配合size属性进行直接布局

3.注意size属性有兼容性问题,一般不要用,尽量用css来控制input宽度

以下介绍的是常用name属性而很少用id属性的用法:(name和id之间的区别,name的优点)

form标签的name属性原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。但是name在以下用途是不能替代的:

1.表单(form)的控件名,提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id,服务器是无法得到数据的。

2.frame和window的名字,用于在其他frame或window指定target。

以下这点可以通用,但是强烈建议用id不要用name属性:

锚点,通常以前写作

<a name="myname">

现在可以用任何的元素id来指定:

<div id="myid">

好了,以上就是关于HTML form标签的name属性的介绍了,有问题的可以在下方提问

【小编推荐】

HTML ul标签的什么意思?HTML ul标签的作用详解

如何给html中的pre标签中的文字换行?html pre标签的使用实例

以上就是html form标签name属性怎么用?form标签的name属性详解的详细内容,更多请关注其它相关文章!

相关标签: name form html