表單設計

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8″ />
<title>無標題文件</title>
</head>

<body>
<form>
<table width="350″ border="1″ align="center">
<tr>
<td width="100″>name</td>
<td><label for="textfield"></label>
<input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td>gender</td>
<td><input type="radio" name="radio" id="radio" value="radio" />
<label for="radio">
male
<input type="radio" name="radio" id="radio2″ value="radio" />
female</label></td>
</tr>
<tr>
<td>habit</td>
<td>A
<input type="checkbox" name="checkbox" id="checkbox" />
<label for="checkbox"></label>
B
<input type="checkbox" name="checkbox2″ id="checkbox2″ />
C
<input type="checkbox" name="checkbox3″ id="checkbox3″ />
D
<input type="checkbox" name="checkbox4″ id="checkbox4″ /></td>
</tr>
<tr>
<td>address</td>
<td><label for="select"></label>
<select name="select" id="select">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select></td>
</tr>
<tr>
<td>message</td>
<td><label for="textarea"></label>
<textarea name="textarea" id="textarea" cols="45″ rows="5″></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="reset" name="button" id="button" value="重設" />
<input type="submit" name="button2″ id="button2″ value="送出" /></td>
</tr>
</table>
</form>
</body>
</html>

本篇發表於 Javascript專區, 程式設計。將永久鏈結加入書籤。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>