现在微信端的微网站盛行一时，好多企业都在做自己的微网站，小渔目前就在做一个微网站，网站中有一个出生日期的填写，开始时为怎样实现既定效果，绞尽脑汁，后来逐渐摸索。最终实现理想效果。方法/步骤1/7分步阅读

出生日期是可以输入的，所以我们应该使用input框。这样才能将输入的值传送给后台。

2/7

另外，我们的页面既是微信端的，就是用HTML5做的，html5中元素新增的属性，可以帮助我们设置日期，将input的type设为date就是一种方法。

3/7

但是，仅仅这样设置并不能保证页面在安卓和IOS上都能兼容，我们需要清除手机上的input的css样式。这个是我们在制作手机上的页面时都需要添加的。

4/7

另外，既是填写出生日期，就需要我们写入提示信息，我们就需要为用户提供提示语，在最新的html中，我们可以设置placeholder为“1992年10月20日”

5/7

但是，在手机上进行测试的时候，我们的placeholder又无法显示，理由是在手机上，当type=date时，placeholder不起作用。

6/7

在网上搜索了一番后，提示我使用js控制input框的type，在Input框没有获取焦点之前，type=text，获取焦点之后，type=date,js代码在下面截图中呈现给大家。

7/7

以上就是全部的了，我们既要清除手机端的样式，又要使得页面的提示语可以显示出来。