今天在项目中,客户要求所有的输入框点击的时候 都要调起数字键盘,我们知道在移动端输入手机号码时,需要调起手机自带的数字键盘,下面这段代码就可以实现,<input type='tel' max-length=11/>
但是如果要掉起ios与安卓的带搜索或前往按钮,要怎么实现呢?
<from action = '' onsubmit = 'return false;'>
<input type = 'search' autocomplate = 'off' />
</from>
在ios手机上,必须要加<from action=''></from>才能实现上述功能,autocomplate = 'off' 是禁止启用自动完成功能。
下面让我们来复习下type的属性吧
值描述
button定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox定义复选框。
file定义输入字段和 "浏览"按钮,供文件上传。
hidden定义隐藏的输入字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
注意一点 当type为num的时候,maxlength是失效的。
网友评论