form元素:
form元素的DOM接口是FormElement
,继承自HTMLElement
,因而它与其他的HTML元素拥有相同的默认属性,不过它自身还有几个独有的属性和方法:
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值,让后台做校验,防伪造页面。