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

mou*_* gm -2 html javascript jquery

<html>
<body>
Date: <input type="text" id="txt" placeholder=" "/>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

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

arm*_*991 6

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

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> 
Run Code Online (Sandbox Code Playgroud)

编辑

可以使用id的相同方法代替value,而可以placeholder根据需要设置:

document.getElementById('demo').placeholder= Date();
Run Code Online (Sandbox Code Playgroud)

2. JQUERY解决方案

<!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> 
Run Code Online (Sandbox Code Playgroud)

我认为这会对您有所帮助。