h5新增表单控件及其相关属性

本文介绍了HTML5中新增的表单控件,如email、tel、url、search等,并详细讲解了它们的用途和验证规则。同时,文章探讨了新的表单特性,如placeholder提供输入提示,autocomplete控制用户输入保存,以及required和pattern实现必填项与正则验证。此外,还提到了formaction用于定义表单提交的目标URL。
摘要由CSDN通过智能技术生成

新的输入型控件

email : 电子邮箱文本框,跟普通的没什么区别当输入不是邮箱的时候,验证通不过移动端的键盘会有变化
tel : 电话号码
url : 网页的URL
search : 搜索引擎
chrome下输入文字后,会多出一个关闭的X
range : 特定范围内的数值选择器
min(最小值)、max(最大值)、step( 步数 )
例子 : 用JS来显示当前数值

<form>
    <input type="range" step="2" min="0" max="10" value="2" />
    <input type="submit" />
</form>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值