一、属性
1.method 提交方式
get: 用户的信息显示在url上,导致信息不安全并且数据传输有限制
post: 数据存储在发送请求的头部中 数据没有大小限制,相对安全
2.action 提交的地址:数据提交到那里去
3.enctype编码类型
text/plain:文本类型
application/x-www-form-urlencoded默认编码
multipart/form-data:只支持post提交方式,主要用于含有文件的表格提交
注意:有文件提交的表单必须使用post提交
二、表单元素(接收用户输入的数据)
1.input
type属性:
text文本框: value
maxlength/minlength最大输入和最小输入
size输入框的大小
name
placeholder提示信息(h5新增)
password密码框: 属性与文本框一样
checkbox多选框: value 不会显示给用户
name 注意一组复选框的name要相同
checked 选中 checked="checked"
不选中 checked=" "
radio 单选框 属性和多选框一样
file 文件域
hidden隐藏域
H5新增属性: number email color date
2.textarea文本域
cols列
rows行
3.select下拉列表框
option: 有一个默认选中的selected属性
size 显示多少个
multiple 多选
4.按钮
reset 重置按钮
button 普通按钮
submit 提交按钮
image 图片按钮:具有提交表单的作业
通用属性:
readonly,只读,一般和文本框结合
disabled,禁用,一般和按钮结合
name 名称
文本标注:用标注出来,并在要绑定的地方输入ID
域标签
fieldsd标签
增加一个框线
legend标题
注意:元素提交以name为准,如果不给表单元素增加name属性,那么不会提交
属性分类:
1.普通属性:name id class
2.特殊属性: href src
3.自定义属性:属性名由用户决定,H5规范:data前缀+自定义属性