每日一剂：怎么间接调用input type="file"和type="date"

在手机端上，经常会使用到<input type=file accept="image/*" />这个调用手机上的系统相册和拍照摄像头。但是这个样式很难看，怎么自定义div或者button来调用这个input呢？

html:

<button id="btn" style="margin: 25px;">点击选择图片</button>
<input type="file" accept="image/*" id="image"/>

js:

$("#btn").click(function(){
return $("#image").click()
})

如何调用type="date"的input呢？

html:

<button id="btn" style="margin: 25px;">点击选择图片</button>

<input type="date" id="date" />

js:

$("#btn").click(function(){
return $("#date").focus();

});

最后一种最简单的调用.div内包input，把input的宽度和高度充满div,就能直接调用，不用写js

html:

<div style="width: 100px;height: 100px;background: #03A9F4;">

<input type="file" style="width: 100px;height: 100px;opacity: 0;"/>
</div>

最后

以上就是潇洒面包为你收集整理的每日一剂：怎么间接调用input type="file"和type="date"的全部内容，希望文章能够帮你解决每日一剂：怎么间接调用input type="file"和type="date"所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。