我已经制作了一个程序。
<div id="todo-app">
<label class="todo-label" for="new-todo">What do you want to do today?</label>
<input type="text" id="new-todo" class="todo-input"
placeholder="buy milk">
</div>
但是在placeholder节中，我希望它随机显示其他占位符。例如，如果您重新加载，则将出现新的占位符文本。一次，它会说"买牛奶"，另一个"购买新iPhone"。
每次您刷新页面时，文本框的值将不同
<html>
<head>
<script type="text/javascript">
function test(){
var items = Array("buy milk","purchase the new iPhone","test","hello");
var item = items[Math.floor(Math.random()*items.length)];
document.getElementById("newtodo").value=item;
}
</script>
</head>
<body onload="test()">
<a id="result"></a>
<div id="todo-app">
<label class="todo-label" for="new-todo">What do you want to do today?</label>
<input type="text" id="newtodo" class="todo-input">
</div>
</body>
</html>
这绝对不能使用html完成。
您需要使用服务器端的编程语言或使用JavaScript代码getElementsByName()。
所以，为您：
<input type="text" id="new-todo" class="todo-input" name="todo" placeholder="buy milk">
代码将是：
document.getElementsByName('todo')[0].placeholder='purchase the new iPhone';