移动端表单类型

HTML5 引入了大量新的输入类型。这些新输入类型可以提示浏览器,屏幕键盘应显示什么类型的键盘布局。用户无需切换键盘,就能更轻松地输入所需信息,并且只看到该输入类型的相应按键。

type为url用于输入网址。其开头必须是有效的 URI 架构,例如 http://、 ftp:// 或 mailto:。如下:

type为tel用于输入电话号码。它不 执行特定的验证语法,因此,如果要确保特定的格式,可以使用模式属性。如下:

type为email用于输入电子邮件地址,并提示键盘上应默认显示 @。如果需要用户提供多个电子邮件地址,则可以添加 multiple 属性。如下:

type为search一个文本输入字段,其样式与平台的搜索字段一致。如下:

type为number用于数字输入,可以是任意合理的整数或浮点值。如下:

type为range用于数字输入,但与 number 输入类型不同,其值没那么重要。它以滑块控件的形式显示给用户。如下:

type为datetime-local用于输入日期和时间值,提供的时区为本地时区。如下:

type为date用于只输入日期,不提供时区。如下:

type为time用于只输入时间,不提供时区。如下:

type为week用于只输入星期,不提供时区。如下:

type为month用于只输入月份,不提供时区。如下:

type为color用于选取颜色。如下:

各个机型都可能效果不同,根据手机自带的系统输入法决定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值