使用java脚本和php的textfield的日期格式

Question

我正在制作一个使用textfield的日期字段的表单，我希望我的日期字段在文本字段中有一个标签格式，这是图片：    单击文本字段后，格式将被删除，连字符将保持如下图所示：    我已经制作了标签格式的代码， 这是我的代码：

<input type="text" name="date" value="DD_MM_YYYY" id="date" style="width:180px" onclick="if(this.value=='DD_MM_YYYY'){this.value=''}"  />
</p>

我现在的问题是点击文本字段后仍然存在的大肆宣传。

任何人都知道如何做到这一点？

提前致谢。

Answer 1

我推荐使用Masked Input Plugin http://digitalbush.com/projects/masked-input-plugin/

您可以使用以下代码定义自己的掩码类型：

jQuery(function($){
   $("#myinput").mask("99-99-9999",{placeholder:" "});
});

然后，您可以为输入定义占位符：

<input id='myinput' placeholder='dd-mm-yyyy'>

Answer 2

您可以使用占位符属性。

<input placeholder="  -  -    " value="DD-MM-YYYY" />

当元素聚焦时，您可以继续将值设置为空。在模糊时，将值设置回DD-MM-YYYY。

请注意，并非所有浏览器都支持此属性。