Rumah > hujung hadapan web > html tutorial > html form标签name属性怎么用?form标签的name属性详解

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

寻∝梦
Lepaskan: 2018-08-29 15:37:33
asal
11712 orang telah melayarinya

本篇文章主要的介绍了关于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>
Salin selepas log masuk

效果如图所示:

tuyi.png

form标签的name属性介绍:

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

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

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

用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">
Salin selepas log masuk

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

<div id="myid">
Salin selepas log masuk

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

【小编推荐】

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

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

Atas ialah kandungan terperinci html form标签name属性怎么用?form标签的name属性详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan