在app中,引用 input 时间类型时,发现提示信息没有显示。
原本情况:
修改后如下:
HTML
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>type="date" 提示不显示</title><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1, maximum-scale=1"></head><style type="text/css">input[name="time"]:before{color:#A9A9A9;content:attr(placeholder);}input[name="time"].full:before {color:black;content:""!important;}</style><body><input type="date" name="time" placeholder="请选择日期"><input type="datetime-local" name="time" placeholder="请选择日期"></body><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">//input type=date 日期的提示清除$("input[name='time']").on("input",function(){if($(this).val().length>0){$(this).addClass("full");}else{$(this).removeClass("full");}});</script> </html>
1234567891011121314151617181920212223242526272829303132333435363738相关知识
input type =text,按回车键自动提交
input[type=“file”]上传文件原理详解
关于动态控制 input type=“image”对象
JSP实现在线投票系统
如何用type=button的按钮提交表单?
宠物管理项目(毕业项目,可运行)
Python学习笔记(3)——input函数
简易在线投票系统(php)——前端设计(html部分)
利用HTML+JS+CSS实现简单的网页计算器,附html所有源代码,可直接黏贴运行
社区宠物医院登陆页面
网址: input type=“date” 提示不显示 https://m.mcbbbk.com/newsview561777.html
上一篇: 银川宠物柯尔鸭 |
下一篇: 王思聪花30000元买的宠物鸭同 |