表单

在这里插入图片描述
一 定义 提交的两种方式：get post
form method=get action=“a.html” /form
二 分类
1 文本类
文本框：input type = “text”
密码框：input type = “password”
隐藏框（页面不显示）：input type = “hidden”
文本域：textarea></textarea
2 按钮类
普通按钮：input type = “button” value = “确定”
提交按钮：input type = “submit” value = “提交”
重置按钮：input type = “reset” value = “重置”
图片按钮：input type = “image”
3 选择类
单选按钮：input type = “radio
复选按钮：input type =“checkbox”
下拉列表：select name=“country”>
–选择国家–
美国
英国
<option” selected=“selected”>中国
</select
文件：input type = “file”
三 H5新的输入类型
邮箱：input type =email
网址：input type =url
搜索：input type =search
数字：input type=“number”/>
min=“3” 最小值为3
max=“20” 最大值为20
step=“3” 步长，每次增长的值
value=“3” 默认值
数字选择器：input type=“range”/>
min=“2”
max=“15”
step=“1”
value=“3”
日期：input type=“date”
时间：input type=“time”
四 验证
必填项：（input type=“text” /）required=“required”
默认提示：（input type=“text” /）placeholder=“请输入姓名”
正则表达式：（input type=“text”/）
pattern="^方括号a-z0-9-_方括号{3,16}$"