版权声明:本文为博主(风轻云淡)原创文章,未经博主允许不得转载。CSDN https://blog.csdn.net/qq_20343517/article/details/82262614
说起input大家都不陌生,他可以用来接收用户的输入,甚至可以用于输入邮箱、数字、日期、颜色。但是还有一些其他的功能。
1、打电话
<a href="tel:10086">拨打10086</a>
2、发短信
<a href="sms:10086">发短信</a>
3、拍照、上传图片
<input type="file" multiple accept="image/gif,image/jpeg">
<input type="file" capture>
accept属性用来指定上传文件的类型如果不限制图片类型可以写成accept="image/*"
multiple用来说明可以上传多张图片
capture是拍照。
4、ios唤起软键盘后改变右下角的文字
换行:默认右下角的文字。
前往:需要给input添加form,并且写上有效的action属性
<form action="javascript:return true">
<input type="text" placeholder="请输入">
</form>
搜索:type为search,并且form添加有效的action属性
<form action="javascript:return true">
<input type="search" placeholder="请输入姓名">
</form>
数字键盘:唤醒数字九键的键盘。如果把下面的代码放到form中,则会唤醒29键带标点符号的键盘
<input type="text" pattern="[0-9]*" placeholder="请输入数字1">
暂时就这么多了,大家伙有需要补充的可以在下方评论。不胜感激。
以上内容在微信浏览器、QQ浏览器和Safari浏览器亲测可用