如何向HTML程序添加多个占位符？
问题描述：
我已经制作了一个程序。如何向HTML程序添加多个占位符？
<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';
+0
不，我已经完成了代码。我想要的是每当我加载网站时出现一个新的占位符。 –
你是如何生成HTML？你在使用模板引擎吗？哪一个？到目前为止，你有没有尝试过什么来实现这个目标什么？当你这样做时发生了什么？ – jonrsharpe
@jonrsharpe我正在做一个待办事项列表。这只是代码的一小部分。你知道如何随机显示多个占位符（由我添加）来生成每个重新加载的新结果（占位符）？ –
告诉我们你到目前为止所尝试过的？并且我不认为你可以完成你正在试图做的只是HTML你需要一个模板引擎（例如玉）或者你需要一个前端语言，如angularjs –