私はプログラムを作った。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を使用して行われることはありません
<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>
異なるものになります。
これをサーバー側からプログラミング言語で、または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を生成していますか？テンプレートエンジンを使用していますか？どれ？これまでこれを達成するために何か試しましたか？何？あなたがそうしたとき何が起こったのですか？ – jonrsharpe
@jonrsharpe私はtodoリストを作っています。これはコードのほんの一部です。あなたはランダムに複数のプレースホルダーを表示する方法を知っていますか？ –
これまでに何を試みましたか教えてください。また、私はあなたがテンプレートエンジン（example jade）を必要とするhtmlやanglejsのようなフロントエンド言語を必要としているのであれば、あなたは何をしようとしていると思いますか？ –