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

 时间:2024-10-14 22:23:16

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

  • 设置eclipse显示代码错误提示的
  • IDEA设置界面字体和颜色的方法
  • 在DNS服务器中创建辅助区域
  • 在MyEclipse上如何发布项目
  • 如何运行虚拟机(VMware)
  • 热门搜索
    交通的手抄报 只要妈妈露笑脸手抄报 安全消防手抄报 生活中的语文手抄报 讲文明手抄报内容 自我介绍手抄报图片 关于法制的手抄报图片 有关英语的手抄报 我爱诗歌手抄报 备战期中手抄报