私のJSテーブルをhtml形式に変更するには？

-2

私はすでに自分の書式をhtml書式に書き直しています。すべての助けに感謝します。実際には、javascriptよりもhtmlでフォームを書く方が簡単です。このような私のJSテーブルをhtml形式に変更するには？

<form method = "get" name ="menu"> 
<img src="item1.jpeg" alt="Doublecook Meat" height="100" width="100"> 
<br> 
<label for="menu1">Doublecook Meat:$15</label> 
<input type="text" id="menu1" name="menu1" /> 

<img src="item2.jpeg" alt="Eggplant Noodle" height="100" width="100"> 
<br> 
<label for="menu2">Eggplant Noodle:$13</label> 
<input type="text" id="menu2" name="menu2" /> 

<img src="item3.jpeg" alt="Fried Rice" height="100" width="100"> 

<label for="menu3">Fried Rice:$8</label> 
<input type="text" id="menu3" name="menu3" /> 

<img src="item4.jpeg" alt="Ma Po Tofu" height="100" width="100"> 

<label for="menu4">Ma Po Tofu:$10</label> 
<input type="text" id="menu4" name="menu4" /> 

<img src="item5.jpg" alt="Wonton" height="100" width="100"> 

<label for="menu5">Wonton:$12</label> 
<input type="text" id="menu5" name="menu5" /> 
<input type="button" id="submit_button" value="Submit" /> 
</form>

出典

2017-07-21 lanlan

は、単純にformタグと不要なテーブルタグを置き換える...あなたにそれらを持っていない限り、あなたががフォームで画像を使用したいと思うかわかりません文字列値。 – NewToJS

「

」を使用する代わりに、「」を使用し、同様に他のタグを変更します。例えば ''の代わりに ''タグを使うことができます –

答えて

何か：

<script> 
var price=[15,13,8,10,12]; 
var images=["item1.jpeg","item2.jpeg","item3.jpeg","item4.jpeg","item5.jpg"]; 
var titles=["Doublecook Meat","Eggplant Noodle","Fried Rice","Ma Po Tofu","Wonton"]; 
document.write("<form name=\"form\" action=\"action.php\">"); 
for(i=0;i<5;i++) 
{ 
document.write("<img src= "+images[i]+" width=100 height=100><label>Item Name</label><input type=\"text\" name=\"input[][title]\" value=\""+titles[i]+"\"><label>Price</label><input type=\"text\" name=\"input[][price]\"value=\""+price[i]+"\"><br />"); 
} 
document.write("<input type=\"submit\" name=\"submit\" value=\"Send\">"); 
document.write("</form>"); 
</script>

出典

2017-07-21 14:56:03 Ciccio

私はそれがうまくいくとは思わないと思います。write（）メソッドは主にテストに使用されます：HTMLドキュメントが完全にロードされた後に使用される既存のHTMLをすべて削除します。 – brk

ご協力いただきありがとうございますが、コードにフォームが表示されません。 – lanlan

私はそれを編集しました;-) – Ciccio

私のJSテーブルをhtml形式に変更するには？

答えて

関連する問題