说明:form表单用于收集用户信息
form:表单标签,所有要提交的表单都放在里面
action:指定提交目标
method:提交方式,默认是get方式
get:提交的数据在URL中可见,提交的数据有限制
post:提交的数据在URL中不可见,另外就是提交大数据
表单提交:
input中的submit,submit的value也可以提交
button,button只能提交除了它自己以外的数据
注意:input中的button只有结合js才能实现数据的逻辑操作
input:是表单最重要的组成部分,默认type类型是text文本
name:指定名字,用来作为数据参数名字
value:指定要显示文本,一般用在不能输入的类型中 ,比如:单选框或者复选框由于是单标签所以要指定传输的值
placeholder:用于提示输入框要输入什么。比如:
readonly:只读,设置后无法修改,无值
disabled:禁用状态,可以不用写值
size:设置宽度,只能设置宽度
maxlength:限制最大输入字符个数
type:指定input的类型
text:普通文本
submit:提交数据,默认是提交到本文件,提交按钮也可以提交,用于区分是谁提交或提交方式
password:密文文本
radio:单选框,需要配合name和value属性来使用,也可以通过id属性配合label标签的for属性优化用户体验
checked:选中单选框
checkebox:复选框,多个关联name属性值要一致
checked:选中
file:上传,要求method=“post",要使用name,要有编码格式enctype
enctype:编码格式,enctype = multipart/form-data
hidden:要隐藏的内容
select:下拉框
size:控制一次显示行数(高度或选项)
option:每个选项
selected:默认选中
value:提交的内容,不写默认提交双标签的内容
textarea:文本域,可以输入多行文本
rows:行数
cols:列数
placeholder:占位,提示信息
注意:不要在该双标签中输入其他内容,否则会保存到文本域中