次の js 実装を使用して、ユーザーが必要とする行数を含むテーブルを生成できます。 1. まず、本文に次のコードを入力して、ユーザーが入力した行の値を取得します コードをコピーします コードは次のとおりです: input id="Cold" type="text" class="input" size="10" name="Num"/>row < /br> > < ;/div> 効果は次のとおりです。 > 2.ヘッダーに js コードを追加します コードをコピーします コードは次のとおりです: </span>function table() { </div>if (document.getElementById("Num").value == "" || document.getElementById("Num").value.search ("^[0-9]* $") == -1) { <div class="codebody" id="code50084">document.getElementById("errmsg1").style.display = "block";//Num が空か数値でないかを判断し、エラーのプロンプト <br>document.getElementById("errmsg1 ").innerHTML = "プロンプト メッセージ: 行番号が空であるか、数値ではありません! "; <br>} <br>else { <br>document.getElementById(" errmsg1").style.display = "none";// プロンプト情報を非表示<br>var Num = parseInt(document.getElementById("Num").value); // 行数を取得<br>var flag = true; <br>var data = ""; <br>data = " <tr>" <td > " <br>"<td>zhuzhu</td>" <br>"<td >dudu" <br>"</tr>" ; <br>for (var i = 1; i データ = "<td>" <br>データ = " <td><input name='ColdDay" i "' type ='text' class='input'></td>"; <br>data = "<td><input name=' ColdCureMethod" i "' type='text' class='input'> ;</td>"; <br>data = "</tr>"; <BR>} <BR>data = "</ table>"; <br>document.getElementById("div1").style.display = "block"; <br>document.getElementById("table1").innerHTML = data; <br>} <br>} <br> 生成 効果は次のとおりです: 3. すべてのコードは次のとおりです: コードをコピーします コードは次のとおりです: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 文字列パス = request.getContextPath(); StringbasePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() パス "/"; %> <頭> テスト <br>.right{ <br>マージン:0% 10%; <br>幅:600ピクセル; <br>} <br>.right table{ <br>背景:白; <br>幅:100%; <br>ボーダー:1px ソリッド #499B33; <br>} <br>.right td{ <br>背景:青; <br>text-align:center; <br>パディング:2px; <br>ボーダー:1px ソリッド #499B33; <br>} <br>.right td{ <br>背景:#8FBC8F; <br>} <br>.item{ <br>text-align:center; <br>幅:100ピクセル; <br>} <br>.assigned{ <br>border:1px ソリッド #BC2A4D; <br>} <br> function table() { if (document.getElementById("Num").value == "" || document.getElementById("Num").value.search("^[0-9]* $") == -1) { document.getElementById("errmsg1").style.display = "block";// 判断payNum が空であるか数字でないのかを示唆する错误 document.getElementById("errmsg1 ").innerHTML = "提案情報:行数は空または数字ではありません!"; } else { document.getElementById("errmsg1").style.display = "none";//隐藏示唆情報 var Num = parseInt(document.getElementById("Num") 。価値); //获取分期数 var flag = true; var data = ""; データ = " <テーブル >"; データ = " " 「私たちは」 「ズズ」 「ドゥドゥ」 「」 ; for (var i = 1; i data = ""; データ = "" 私は「」; data = ""; data = ""; データ = ""; } data = ""; document.getElementById("div1").style.display = "ブロック"; document.getElementById("table1").innerHTML = データ; } } アニメーション生成表格 行