form标签是用来干嘛的?
form表单有哪些属性?
表单标签?表单控件?表单域?表单按钮?
HTML5新增input类型有哪些?
HTML5新增input属性有哪些?
form用途
div、a、p这些标签都是展示性的标签,form标签主要用来收集数据,用户在<form>输入数据,当点击提交后,在<form>里面的数据将被提交到服务器。
form属性
form主要属性有三个:action、method、name
1、action:提交地址
2、method:提交方式,post、get(默认)
post用于提交大量数据,get提交少量数据
get数据提交最多1K,post没有限制
get提交的数据在url上可见
3、name:提交表单时的名称
表单标签指form标签,表单使用form定义。
表单控件指在form标签内收集用户输入数据的输入框、提交按钮等。
表单域指form内收集用户输入数据的输入框、单选按钮等。
表单按钮:input通过type=“button”定义的按钮、<button>标签、单选多选按钮
新增的input类型有哪些呢?
type=“color” 预设的颜色拾取器
type=“number” 只能输入数字的输入框
max:最大值
min:最小值
step:步长,在原来的数字的基础上增减几
type=“range” 选择范围内的值,像音量控制器那种
max:最大值
min:最小值
step:步长,递增递减的步长
value:初始值
type=“url” 只允许输入web站点的文本框,文本必须包含http://,且后面有内容
type=“search” 搜索关键字的文本框,与文本框功能相同,但是当有内容时输入框之后有个×
type=“email” 电子邮件检验功能的输入框,必须包含@,且@后面有内容
type=“date“ 日期选择功能的输入框
type=”week“ 只能选择周的输入框
type=”month“ 只能选择月的输入框
新增属性有哪些?
placehoder :占位符
autofocus:自动获取焦点
multiple:允许输入多个值,逗号隔开,配合e-mail和url使用
require:必填项
minlength、maxlength:最小最大字符数