html表单邮箱选项类型,HTML表单表单
HTML 表单⽤于搜集不同类型的⽤户输⼊。
表单域
⽤来容纳表单元素及接收表单信息,并规定如何发送表单数据 。
实例
名字: p>
匹配邮箱的正则表达式密码: p>
p>
form>
经验:在实际⽹页开发中通常采⽤post⽅式提交表单数据
表单元素
⽂本类
⽂本框:
密码框:
⽂本内容
邮箱:
请输⼊你的⽹址:
注意:会⾃动验证URL地址格式是否正确
请输⼊数字:
min="0"(允许的最⼩值) max="100"(允许的最⼤值) step(合法的数字间隔)="10"/>
选择
单选
checked(单选按钮选中状态) />男
⼥
复选
运动
聊天
玩游戏
列表
…
…
按钮
⽂件上传
滑块
请输⼊数字:
min="0"(允许的最⼩值) max="10"(允许的最⼤值) step(合法的数字间隔)="2"/>
搜索
其他
隐藏域
只读和禁⽤
表单元素的标注
1.增强⿏标的可⽤性
2.⾃动将焦点转移到与该标注相关的表单元素上
语法
标注的⽂本
表单初级验证
表单验证的好处
1.减轻服务器的压⼒
2.保证数据的可⾏性和安全性
表单初级验证的⽅法
1.placeholder
3.pattern
placeholder
1.input类型的⽂本框提供⼀种提⽰(hint)
2.可以描述⽂本框期待⽤户输⼊何种内容
3.提⽰语默认显⽰,当⽂本框中输⼊内容时提⽰语消失
4.适合于input标签:text、search、url、email和password等类型
语法:
required
1.规定⽂本框填写内容不能为空,否则不允许⽤户提交表单
2.适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类型语法:
pattern
⽤户输⼊的内容必须符合正则表达式所指的规则,否则就不能提交表单
语法:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论