Question

我做了一个程序。

<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部分我想让它随机显示其他占位符。例如，如果重新加载，将显示新的占位符文本。有一次它会说＆＃34;买牛奶＆＃34;另一个＆＃34;购买新的iPhone＆＃34;。

Answer 1

每次刷新页面时，文本框的值都会不同

<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>

Answer 2

这绝不能仅使用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';

如何在HTML程序中添加多个占位符？

2 个答案: