input的黑科技

版权声明：本文为博主（风轻云淡）原创文章，未经博主允许不得转载。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浏览器亲测可用

扫描二维码关注公众号，回复： 3222364 查看本文章