Question

我希望表单中输入的每个值都以<li>的列表格式存储和显示。

例如：如果有人进入＆＃34; Thomas＆＃34;在它将显示的形式中。托马斯
然后，一个人进入＆＃34;索菲亚＆＃34;所以显示：
.Thomas
.Sophia
等...

最好的方法是什么？这是我的HTML代码。

<input id="prenom" type="text">
<input id="bouton" type="button" value="récuperer">
<p id="message"></p>

和javascript

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let message = document.getElementById("message");
function stocker(){
let valeur = prenom.value;
console.log(valeur);
 prenom.value = "";
  message.innerHTML += " "+valeur;
 }
bouton.addEventListener("click",stocker);

Answer 1

它似乎适合我，试试吧。也许您需要更详细地描述您想要完成的内容以便我理解:)

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let messageParent = document.getElementById("parent");
function stocker(){
let valeur = prenom.value;
  console.log(valeur);
  //prenom.value = "";
  //message.innerHTML += " "+valeur;
  var p = document.createElement("p");
  p.innerHTML = valeur;
  messageParent.append(p); 
}
bouton.addEventListener("click",stocker);

<input id="prenom" type="text">
<input id="bouton" type="button" value="récuperer">
<div id="parent">
  <p id="message"></p>
<div>

如何以列表格式存储和显示表单的值

1 个答案: