使用HTML輸入框將信息導出到有序模板中

Question

我有一個HTML網站，它允許人們在框中插入某些信息，如您的姓名和項目名稱。 我想實現的是，當用戶點擊提交按鈕時，所有輸入的信息都會轉移到模板中。 例子： 配置作者名稱：

用戶輸入自己的名字和網頁發回了成箱的div這樣的：

--config.lua-- 作者姓名：

謝謝:)

Answer 1

您可以使用jQuery。
對你有每個輸入，你可以得到它的價值是：

$("#input-id").val(); 

因此，舉例來說，如果你想輸入值放入一個模板，你做這樣的事情（我建議你使用一個textarea而不是一個簡單的div）。

HTML：

<form id="form" action="#"> 
    <input id="first-name"> 
    <input id="last-name"> 
    <input type="submit" value="Validate"> 
</form> 
<textarea id="template"></textarea> 

JS：

$("#form").on("submit", function() { 
    $("#template").val(
     "First name:" + $("#first-name").val() + 
     "Last name:" + $("#last-name").val() 
    ); 
}); 

該代碼會寫文字的文本區域類似的東西：

名：約翰
姓：李四