手机网页(WAP)页面上的输入框默认键盘类型

这个问题也是我一直在找的,之前也没有用过,但因为项目需求,不得不去解决这个问题,这次正好看到了这篇文章并加以总结

语法

<input type="value">

属性值


描述
button定义可点击的按钮(大多与 JavaScript 使用来启动脚本)
checkbox定义复选框。
color定义拾色器。
date定义日期字段(带有 calendar 控件)
datetime定义日期字段(带有 calendar 和 time 控件)
datetime-local定义日期字段(带有 calendar 和 time 控件)
month定义日期字段的月(带有 calendar 控件)
week定义日期字段的周(带有 calendar 控件)
time定义日期字段的时、分、秒(带有 time 控件)
email定义用于 e-mail 地址的文本字段
file定义输入字段和 “浏览…” 按钮,供文件上传
hidden定义隐藏输入字段
image定义图像作为提交按钮
number定义带有 spinner 控件的数字字段
password定义密码字段。字段中的字符会被遮蔽。
radio定义单选按钮。
range定义带有 slider 控件的数字字段。
reset定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search定义用于搜索的文本字段。
submit定义提交按钮。提交按钮向服务器发送数据。
tel定义用于电话号码的文本字段。
text默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。
url定义用于 URL 的文本字段。
这样在我们的手机上就可以实现点击输入框并按我们规定的键盘类型激活键盘了。 你还可以到w3school上看更新 http://www.w3school.com.cn/html5/att_input_type.asp 实际上,还可以这样写:
<input type="text" pattern="[0-9]*">
马上去试试吧
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值