微信端的出生日期输入框怎样制作

2025-04-08 02:35:32

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

微信端的出生日期输入框怎样制作

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

微信端的出生日期输入框怎样制作

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

微信端的出生日期输入框怎样制作

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

微信端的出生日期输入框怎样制作

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

微信端的出生日期输入框怎样制作

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

微信端的出生日期输入框怎样制作

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢