<!DOCTYPE html>
<html>
<head>
<title>表單</title>
</head>
<body>
<h1>注冊表單</h1>
<form action="" method="get">
<p>
<label>用戶名：</label>
<input type="text" name="user" />
</p>
<p>
<label>密 碼：</label>
<input type="password" name="password" />
</p>
<p>
<label>性 別：</label>
<input type="radio" name="gender" value="0" /> 男
<input type="radio" name="gender" value="1" /> 女
</p>
<p>
<label>愛 好：</label>
<input type="checkbox" name="like" value="0"> 學習
<input type="checkbox" name="like" value="1"> python
<input type="checkbox" name="like" value="2"> 游泳
</p>
<p>
<label>文 件：</label>
<input type="file" name="file">
</p>
<p>
<label>個人介紹:</label>
<textarea name='introduce'></textarea>
</p>
<p>
<label>籍 貫：</label>
<select name="site">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">河南</option>
<option value="3">河北</option>
<option value="4">山東</option>
</select>
</p>
<p>
<input type="submit" name="" value="提交1">
<input type="reset" name="" value="重置1">
</p>
</form>
</body>
</html>
注釋：action 表示提交的地址
method 提交的方法一般有get 和 post 兩種方法，測試時一般用get可以看到提交的信息，但是正式發布時一般用post防止看到敏感信息
結果如下：
最后顯示的提交1和重置1 是因為我設置了value值，假如不設置值，默認顯示提交和重置