HTML5入门学习笔记——七、表单的应用

七、表单的应用：

（一）表单属性：

设置表单属性可以实现提交方式、自动完成、表单验证等不同功能

1、action属性：用于指定接受并处理表单数据的服务器程序url地址

2、method属性：用于设置表单数据提交方式，可以取值为get或post。

get：为默认属性,浏览器会与表单服务器建立连接，然后直接在一个传输步骤中发送所有表单数据。然后再地址栏中显示提交的数据。特点：保密性差、有数据量的限制。

post：建立连接后采用分段传输的方式将数据发送到服务器，地址栏中不显示提交的数据。特点：保密性好、无数据量限制、可以大量提交数据

3、name属性：用于指定表单名称，以区分同一个页面的多个表单

4、autocomplete属性：指定表单是否有自动完成功能。（是否记录上一次输入的数据），这个属性不仅可以用于form元素还可以用于input元素。

on：表单有自动完成功能

off:：表单没有自动完成功能

5、novalidate属性:指定再提交表单时取消对表单进行有效检查（验证）

 

 

（二）input元素及属性：

<input />是常用于单行文本框、单选按钮、复选框等

（三）其他表单元素：

1、textarae元素——用于大量输入，弥补input中text只能单行文本输入

name：控件名称

readonly：该控件内容为只读

disable：第一次加载页面时禁用该控件

2、select元素——通常用于制定下拉菜单效果

size：指定下拉菜单的可见选项数

multiple：具有多项选择功能

3、datalist元素——定义输入框的选项列表

4、keygen元素——用于表单密钥生成器，使用户验证更为安全、可靠

autofocus：在页面加载时获得焦点

challenge：设置为在提交时间问

disabled：禁用

form：定义所属的一个或多个表单

keytype：rsa生成RSA密钥

name：唯一名称

（四）CSS控制表单样式：

（和CSS相结合）