sirai
sirai

Form表单的使用

什么是Form表单?

Form 表单是一组用来收集用户输入信息的html 标签，可以对用户输入的信息进行收集 效验和向服务器提交，从而实现用户与web 服务器的交互。
Form表单由

标签定义，只有标签内的组件中的数据才会被提交到服务器。

Form表单的基本组成

表单则由HTMLFormElement类型，此元素继承了HTMLElement，因此与其他HTML元素具有相同的默认属性；HTMLFormElement有自己以下属性和方法；

acceptCharset: 服务器能够处理的字符集；等价于HTML中的accept-charset特性；
action: 接收请求的URL，等价于HTML中的action
elements: 表单中所有控件的集合.
enctype: 请求的编码类型；等价于HTML中的enctype特性；
length: 表单中控件的数量；
method： 要发送的http请求类型，一般是get或者是post，等价于HTML中的method；
name: 表单的名称；
reset(): 将所有表单域重置为默认值；
submit(): 提交表单；会自动将所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交。
target:用于发送请求和接收响应的窗口名称；
action 简单的来讲 就是请求url的绝对路径
必需的 action 属性规定当提交表单时，向何处发送表单数据。

语法

输入标签，根据type属性的不同，表现出的功能也不同。

type = text 文本输入框，单行输入，用于提交文本。
type = password 密码输入框，用于输入密码。
type = checkbox 复选框，为浏览者提供多选输入方式。
type = radio 单选框，为浏览者提供单选输入方式。
type = "file" 上传文件，使浏览可以上传文件到服务器。
type = "hidden" 定义一个隐藏字段，对用户不可见，可以作为一种隐藏标记来作为辨别上传数据的真实性的依据。
type = "botton" 定义一个可点击的按钮，本身没有任何行为，可以通过clickon( )属性来给按钮添加各种功能。
type = "submit" 提交按钮，用于向服务器提交表单数据，数据会发送到action属性中的指定界面。
type = "resist" 重置按钮，会清除掉表单中的所有数据。