Question

<html>
<body>
Date: <input type="text" id="txt" placeholder=" "/>
</body>
</html>

我应该在placehoder引号内指定什么，以便我可以在我的文本框中查看当前日期

Answer 1

这些是如何在文本框中显示当前日期的灵魂之一：

<强> 1。 JAVASCRIPT解决方案

<!DOCTYPE html>
<html>
<body onload="myFunction()">


Date: <input type="text" id="demo"/>

<script>
function myFunction() {
document.getElementById('demo').value= Date();
}
</script>
</body>
</html>

修改

而不是值，以id的相同方式，您可以根据需要设置placeholder：

document.getElementById('demo').placeholder= Date();

<强> 2。 JQUERY SOLUTION

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body onload="myFunction()">


Date: <input type="text" id="demo"/>

<script>
function myFunction() {

$(document).ready(function(){
  $('#demo').attr("placeholder", Date());
});

}
</script>
</body>
</html>

我认为这会对你有帮助。

如何使用html中的占位符在文本框中显示当前日期

1 个答案: