如何向HTML程序添加多個佔位符？

-2

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

來源

2016-12-03 Michael Thin

你是如何生成HTML？你在使用模板引擎嗎？哪一個？到目前爲止，你有沒有嘗試過什麼來實現這個目標什麼？當你這樣做時發生了什麼？ – jonrsharpe

@jonrsharpe我正在做一個待辦事項列表。這只是代碼的一小部分。你知道如何隨機顯示多個佔位符（由我添加）來生成每個重新加載的新結果（佔位符）？ –

告訴我們你到目前爲止所嘗試過的？並且我不認爲你可以完成你正在試圖做的只是HTML你需要一個模板引擎（例如玉）或者你需要一個前端語言，如angularjs –

刷新頁面每次文本框的值會有所不同

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

來源

2016-12-03 12:23:17 alifallahi

這不能僅使用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';

來源

2016-12-03 12:26:38 Jad

不，我已經完成了代碼。我想要的是每當我加載網站時出現一個新的佔位符。 –

如何向HTML程序添加多個佔位符？

回答

相關問題