<html>
<head>
<meta charset="utf-8"></meta>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function tbang(ts1,ts2,ts3)
{
tam="<table border='1' width='80%' bgcolor='"+ts3+"'>";
for(i=1;i<=ts1;i++)
{
tam+="<tr>"; //là phép gán rút gọn của: tam=tam+"<tr>";
for(j=1;j<=ts2;j++)
tam+="<td> </td>";
tam+="</tr>";
}
tam+="</table>";
document.getElementById("kq").innerHTML=tam;
}
</script>
<form id="form1" method="post" name="form1">
<p>
<label for="dong">Số dòng:</label>
<input id="dong" name="dong" type="text" />
</p>
<p>
<label for="cot">Số cột:</label>
<input id="cot" name="cot" type="text" />
</p>
<p>
<label for="mau">Chọn màu::</label>
<select id="mau" name="mau">
<option value="blue">Xanh dương</option>
<option value="red">Đỏ</option>
<option value="yellow">Vàng</option>
</select>
</p>
<p>
<input id="taobang" name="taobang" onclick="tbang(dong.value,cot.value,mau.value);" type="button" value="Tạo bảng" />
</p>
</form>
<p id="kq"></p>
</body>
</html>
0 comments:
Post a Comment