当前位置: 首页 > 面试题库 >

如何在输入日期字段上模拟占位符功能?

杜楚
2023-03-14
问题内容

在日期字段上不能使用占位符,但我确实需要它。

我想要两个日期输入,每个文本上都有文本“ From”和“ To”作为占位符。


问题答案:

我正在使用以下CSS绝招:

  input[type="date"]:before {

    content: attr(placeholder) !important;

    color: #aaa;

    margin-right: 0.5em;

  }

  input[type="date"]:focus:before,

  input[type="date"]:valid:before {

    content: "";

  }


<input type="date" placeholder="Choose a Date" />


 类似资料:
  • 问题内容: 我正在做一个phonegap应用。当我尝试如下所示的输入字段时,它按预期显示了iPhone中的日期选择器,但没有显示我给定的占位符。我在SO中发现了相同的问题,但没有解决方案。 问题答案: 可能不合适……但这对我有所帮助。

  • 问题内容: 我有一个不想触摸的Wordpress插件,所以我希望我的目标只能通过CSS来实现。我在Chrome开发者工具中摆弄了CSS(没有双关语),但一直到头都一团糟。 我想要的标签是在输入字段的顶部。“在顶部”表示Z-而非Y轴。以下是HTML结构。在此先感谢您动动脑筋。 问题答案: 只需进行少量标记更改和脚本,即可完成此操作 该脚本只是将用户值附加到其value属性,因此可以使用CSS设置其样

  • 问题内容: 如何以html形式居中输入字段的占位符对齐方式? 我正在使用以下代码,但是它不起作用: CSS-> HTML-> 问题答案: 如果只想更改占位符样式

  • 本文向大家介绍Safari中的HTML5日期字段和占位符文本,包括了Safari中的HTML5日期字段和占位符文本的使用技巧和注意事项,需要的朋友参考一下 占位符属性不支持输入类型日期上的输入元素。 但是,您可能已经看到它在Safari Web浏览器上有效,因为它不支持日期类型。那将意味着该属性将被忽略,而其余仅是纯文本字段。 因此,以下在Safari桌面上有效- 和HTML-

  • 我有两个输入字段fromDate和toDate(都是date)。我使用datepicker作为输入字段fromDate。toDate是只读的,并且依赖于fromDate。也就是说,toDate的日期是6+。例如,如果fromDate是11/30/2014,则toDate是12/6/2014。 我的jsp代码是 和js代码为: 谢谢

  • 您能告诉我如何在react中集中输入日期字段吗?我正在使用一个语义插件https://www.npmjs.com/package/semantic-ui-calendar-react 我想把日期输入框集中在按钮上,点击这里是我的代码。这是我的密码https://codesandbox.io/s/3l414mno5 焦点不在输入领域,为什么?有更新吗?