html中form集合,html中关于form与表单提交操作的资料集合

这里我们介绍一下form元素与表单提交方面的知识。

form元素

form元素的DOM接口是HTMLFormElement，继承自HTMLElement，因而它与其他的HTML元素拥有相同的默认属性，不过它自身还有几个独有的属性和方法：

属性值

说明

accept-charset

服务器能够处理的字符集，多个字符集用空格分割

action

接受请求的URL，该值可以被form元素中的input或button元素的formaction属性覆盖

elements

表单中所有控件集合(HTMLCollection)

enctype

请求的编码类型，该值可以被form元素中的input或button元素的formenctype属性覆盖

length

表单中控件的数量

method

要发送的HTTP请求类型，通常是“get”或“post”，该值可以被form元素中的input或button元素的formmethod属性覆盖

name

表单的名称

reset()

将所有表单域重置为默认值

submit()

提交表单

target

用于发送请求和接收响应的窗口名称，该值可以被form元素中的input或button元素的formtarget属性覆盖

autocomplete

是否自动补全表单元素

input元素

input元素是应用非常广泛的表单元素，根据type属性值的不同，有以下几种常用用法：

文本输入

提交输入

单选钮输入

复选框输入

数字输入 输入框只能输入数字，可设置最大值，最小值。

范围输入 类似number，但它会显示一个滑动条，而不是输入框。

颜色输入会弹出一个颜色选择器。

日期输入 会弹出一个日期选择器。

email输入 显示为一个文本输入框，并会弹出一个定制键盘。

tel输入 跟email输入类似

url输入 跟email输入类似，也会弹出一个定制键盘。

textarea元素可以创建一个多行的文本区。

其中cols和row的属性值分别表示文本区宽度和高度的字符。

select元素和option元素结合使用可创建一个下拉菜单。

radio

如何 分组? 设置不同的 name属性即可

例：

玩游戏

写代码

男

女、

这就是两组radio

placeholder

提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

type=hidden

定义隐藏的input。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。

比如用于安全方面，给后台传输用户不可见的name 和value值，让后台做校验，防伪造页面。

提交按钮

在form中加入一个提交按钮，便可使用户得以提交表单。