首页技术文章正文

HTML表单有哪些属性?表单属性简介

更新时间:2021-09-27 来源:黑马程序员 浏览量:

好口碑IT培训

表单拥有多个属性,通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。下面将对表单标记的相关属性进行讲解

1.action属性

在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。例如:

<form action="form action.asp">

表示当提交表单时,表单数据会传送到名为"form_action.asp',的页面去处理。
action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail地址。例如:

<form action=mailto:htmlcss@1 63.com>表示当提交表单时,表单数据会以电子邮件的形式传递出去。


2.method属性
method属性用于设置表单数据的提交方式,其取值为get或post。在HTML5中,可以通过<form>标记的method属性指明表单处理服务器处理数据的方法,示例代码如下:

<form action="form action. asp" method="get">

在上面的代码中,get为method属性的默认值,采用get方法,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据。
如果采用post方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与action属性中指定的表单处理服务器建立联系,然后浏览器按分段传输的方法将数据发送给服务器。
另外,采用get方法提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。而post方式的保密性好,并且无数据量的限制,所以使用method="post"可以提交大量数据。


3.name属性
name属性用于指定表单的名称,具有name属性的元素会将用户填写的内容提交给服务器。

4.autocomplete属性
autocomplete属性用于指定表单是否有自动完成功能。所谓“自动完成”,是指将表单控件输人的内容记录下来,当再次输人时,会将输人的历史记录显示在一个下拉列表里,以实现自动完成输入。
autocomplete属性有两个值,对它们的解释如下。
①on:表单有自动完成功能。
②off:表单无自动完成功能。
autocomplete属性示例代码如下:

<form id="formBox" autocomplete="on">

值得一提的是,autocomplete属性不仅可以用于<form>标记,还可以用于所有输人类型的<input/>标记。

5.novalidate属性
novalidate属性指定在提交表单时取消对表单进行有效的检查。为表单设置该属性时,可以关闭整个表单的验证,这样可以使<form>标记内的所有表单控件不被验证,示例代码如下:

<form action="form_action.asp" method="get" novalidate="true">

上述示例代码对form标记应用“novalidate="true"” 样式,来取消表单验证。

注意: <form>标记的属性并不会直接影响表单的显示效果。要想让一个表单有意义,就必须在<form>与</form>之间添加相应的表单控件。


猜你喜欢:

表单的构成是什么?如何创建表单

表格标签的特性,如何在HTML网页中创建表格

CSS怎样控制表格单元格的宽高?

黑马程序员web前端开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!