下半段是html表單的程式
我又把表格將表單封起來，所以程式又複雜了點
<!-- DOCTYPE html-->
<html>
<head>
</head>
<body>
<form name="checkname"action="post.php" method="post" enctype="text/plain">
<table>
<tr>
<td>
帳 號：
</td>
<td>
<input type="text" name="accountNum"value="中文帳號" required><font color ="red">*</font>
</td>
</tr>
<tr>
<td>
密 碼：
</td>
<td>
<input type="text" name="passWord" value="密碼" required>
</td>
</tr>
<tr>
<td>
設定新碼：
</td>
<td>
<input type="password" name="newpass" value="新密碼" required size="12" maxlength="8"><br>
</td>
</tr>
<tr>
<td>
性 別：
</td>
<td>
<input type="radio" name="gender" value="M">男
<input type="radio" name="gender" value="F">女
</td>
</tr>
<tr>
<td>
興 趣：
<td>
<input type="checkbox" name="int1" value="study">閱讀
<input type="checkbox" name="int2" value="jugging">慢跑
<input type="checkbox" name="int3" value="swinning">游泳
<input type="checkbox" name="int4" value="movie">電影<br>
<input type="button" name="check" value="check" onclick="function_Name()">
</td>
</tr>
<tr>
<td>
網 址：
</td>
<td>
<input type="url" name="website" value="website">
</td>
</tr>
<tr>
<td>
郵 件：
</td>
<td>
<input type="mail" name="mailadd" value="mailadd">
</td>
</tr>
<tr>
<td>
生 日：
</td>
<td>
<input type="date" name="birthday" value="birthday">
</td>
</tr>
<tr>
<td>
身 高：
</td>
<td>
<input type="number" name="tall" value="tall">
</td>
</tr>
<tr>
<td>
體 重：
</td>
<td>
<input type="number" name="weight" value="weight">
</td>
</tr>
<tr>
<td rowspan="2">
<input type="button" value="個人帳號申請" onclick="fuction_Name2()">
</td>
</tr>
<tr>
<td rowspan="2">
<input type="reset" value="clear">
</td>
</tr>
<tr>
<td>
<button type="reset" name="cclear" value="cclear">清除資料</button>
</td>
</tr>
</table>
</form>
</body>
</html>
我自己還把風景瀏覽的照片網頁，用script寫成自動換照片的網頁，所以有點小複雜。這是很菜鳥的想法，專業的人可能才不用這個方法，可以用更方便的方式來寫！
<! DOCTYPE >
<html>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<meta http-equiv = "refresh" content = "5">
<meta
<head>
<title>多重表格練習</title>
</head>
<body>
<script language="javascript">
var sArray = ["1","2","3","4","5","6","7","8","9","10","11","12","13"];
var rArray = new Array;
var count = 13;
var x1;
var x2;
var x3;
var y;
var z1;
var z2;
var z3;
var z4;
x1 = Math.floor(Math.random()*count);
rArray[0]=sArray[x1];
<!--document.write(rArray[0]);-->
removed = sArray.splice(x1,1);
x2 = Math.floor(Math.random()*(count-1));
rArray[1]=sArray[x2];
<!--document.write(rArray[1]);-->
removed = sArray.splice(x2,1);
x3 = Math.floor(Math.random()*(count-2));
rArray[2]=sArray[x3];
<!--document.write(rArray[2]);-->
removed = sArray.splice(x3,1);
y = Math.floor(Math.random()*(count-3));
rArray[3]=sArray[y];
<!--document.write(rArray[3]);-->
removed = sArray.splice(y,1);
z1 = Math.floor(Math.random()*(count-4));
rArray[4]=sArray[z1];
<!--document.write(rArray[4]);-->
removed = sArray.splice(z1,1);
z2 = Math.floor(Math.random()*(count-5));
rArray[5]=sArray[z2];
<!--document.write(rArray[5]);-->
removed = sArray.splice(z2,1);
z3 = Math.floor(Math.random()*(count-6));
rArray[6]=sArray[z3];
<!--document.write(rArray[6]);-->
removed = sArray.splice(z3,1);
z4 = Math.floor(Math.random()*(count-7));
rArray[7]=sArray[z4];
<!--document.write(rArray[7]);-->
removed = sArray.splice(z4,1);
</script>
<table border="1" align="center" wide="880" height="300">
<caption><h1>集合照片瀏覽</h1></caption>
<tr>
<td >
<table>
<tr>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[0] + ".jpg' width='220'></a>"
);
</script>
</td>
</tr>
<tr>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[1] + ".jpg' width='220'></a>"
);
</script>
</td>
</tr>
<tr>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[2] + ".jpg' width='220'></a>"
);
</script>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[3] + ".jpg' width='660'></a>"
);
</script>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<table border="1" align="center" width="880" height="100">
<tr>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[4] + ".jpg' width='220'></a>"
);
</script>
</td>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[5] + ".jpg' width='220'></a>"
);
</script>
</td>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[6] + ".jpg' width='220'></a>"
);
</script>
</td>
<td>
<script>
document.write(
"<a href='http://tw.yahoo.coml'><img src='photo/" + rArray[7] + ".jpg' width='220'></a>"
);
</script>
</td>
</tr>
</table>
</tr>
</table>
</body>
</html>
沒有留言:
張貼留言