表单便签form——表单域——表单按钮 

 

 

form属性: action 请求地址

method:get/post 请求方式

name 表格名称

 

input 输入框

input属性:text 文本

password 密码

submit 提交按钮

reset 重置按钮

button 普通按钮

value 用来设置input值

checkbox 多选按钮

radio 单选按钮 name 可以归为一组

image 图像形式的提交按钮

file 文件域 选择文件

size 文本框长度

maxlength 最大输入长度

email 验证邮箱    输入email格式,email 类型用于应该包含 e-mail 地址的输入域。 在提交表单时,会自动验证 email 域的值是否合法有效:

url 验证网址,必须http或者https开头   只能输入url格式,url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值

number 验证数字

search 搜索,提供一键删除键  search 类型用于搜索域,比如站点搜索或 Google 搜索。 定义一个搜索字段 (类似站点搜索或者Google搜索)

time 时间,time 类型允许你选择一个时间。定义可输入时间控制器(无时区)

date 日期 

日期 不是绝对的

date 类型允许你从一个日期选择器选择一个日期。

定义一个时间控制器:

 

month 月份 

 月份,month 类型允许你选择一个月份。

定义月与年 (无时区):

 

week 周 

星期,week 类型允许你选择周和年。

color 体色器

range 进度条  

range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。定义一个不需要非常精确的数值(类似于滑块控制):

 

label标签 用来绑定元素 当点击label内容时 会选择到按钮

属性:for 的值是被绑定元素的id名,也就是按钮的id。

 

 

textarea 大的输入框,多行输入框

属性:cols 宽度    rows 高度 。   单位是几行几列

 

fieldset:可以将表单内的相关元素分组,会绘制边框,legend标签中文本会在边框左上角显示

 

select:下拉框, 菜单。 里面用option标签。 至少有一个option标签。    在option中定义select=‘select’时,当前选项即为默认选中项,后来居上。

placeholder: 占位符,用来定义文本框中灰色提示字符。

autofocus:获取焦点

autocomplete=‘on/off’ 自动完成填充/取消

required:验证条件,必填项,必须填。