HTML5-form表单
什么是表单?
01.获取用户的输入 ==》收集数据
02.将用户的输入发送到服务器 ==》与服务器进行交互
相关属性:
action:我们收集完用户的信息之后,需要提交的服务器地址
enctype:是否对我们提交的数据进行编码
默认编码application/x-www-form-urlencoded
如果form表单中有文件上传则enctype="multipart/form-data"
method:我们数据的请求方式
普通人对话 get
聋哑人打手语 post
01.get请求会在URL中显示我们输入的数据
02.post请求会在请求头中显示我们输入的数据 F12--》NETWORK--》form-data
03.http协议对get和post请求都没有长度限制 但是不同的浏览器对URL的长度不一样
表单元素:
name:必须要有! 这是后台服务器获取用户输入的依据!
服务器分局name属性值获取元素的value值
value:用户的输入值
size:设置文本框的长度
maxlength:限制用户输入的长度
type :
type="text" 默认的文本框
type="password" 密码框
type="submit" 提交按钮
type="button" 普通按钮 button默认的type="submit"
type="reset" 重置按钮 还原form中所有元素的初始值
type="radio" 单选按钮
type="checkbox" 复选框 如果想实现默认被选中请增加属性 checked
type="hidden" 隐藏域 用户不关注 但是服务器需要的数据
select: 下拉列表 每个选项都是 option 默认被选中使用 selected
textarea: 多行文本域 后续我们使用 富文本编辑器代替
disabled: 按钮禁用
readonly:文本只读
posted on 2018-01-25 10:56 天天xiangshang 阅读(176) 评论(0) 编辑 收藏 举报