表单的学习
<html>
<head>
<title>表单的学习</title>
</head>
<body>
<table border="1" width="500" align="center">
<!-- <form> 的属性 name action -->
<!-- method : POST GET, 默认为GET -->
<!-- target : 指定服务器返回结果显示在新的窗口还是自身窗口 -->
<!-- title : 鼠标放在表单上的任意位置会有提示 -->
<!-- enctype : 指定使用何种编码方式将表单结果发回给服务器 -->
<form name="frm1" action="index.php" method="post" target="_blank" title="This is a form" enctype="multipart/form-data">
<caption>表单的应用</caption>
<tr>
<th>用户名</th>
<td>
<input type="text" name="username" size="30" value="username" />
</td>
</tr>
<tr>
<th>密码</th>
<td>
<input type="password" name="passwd" size="30" />
</td>
</tr>
<tr><!-- 复选框 --> <!-- checked 表示默认选择 -->
<th>爱好</th>
<td>
<input type="checkbox" name="running" checked /> 跑步
<input type="checkbox" name="badminton" /> 打羽毛球
<input type="checkbox" name="sleeping" /> 睡觉
<input type="checkbox" name="fishing" /> 钓鱼
<input type="checkbox" name="harmonica" /> 吹口琴
</td>
</tr>
<tr><!-- 单选框 -->
<th>性别</th>
<td>
<input type="radio" name="sex" checked /> 帅哥
<input type="radio" name="sex" /> 美女
<input type="radio" name="sex" /> 不确定
</td>
</tr>
<tr><!-- 上传文件 -->
<!-- 必须满足 method="post" enctype="multipart/form-data" -->
<th>你的靓照</th>
<td>
<input type="file" name="picture" />
</td>
</tr>
<tr><!-- 下拉列表 -->
<th>国籍</th>
<td>
<select name="country">
<!-- 选择后,就会将选择的值赋值给<select>中的name属性 -->
<!--<option>中如果有value,则把value给<select>中的name,如果没有,则把选择出来的<option>标签中的给<select>中的name-->
<option value="0">--请选择-- </option>
<option value="1">中华人民共和国</option>
<option value="2">美国</option>
<option value="3">英国</option>
<option value="4">荷兰</option>
<option>其他</option>
</select>
</td>
</tr>
<tr><!-- 列表 --> <!-- 在<select>中增加size -->
<th>最喜欢的食物</th>
<td>
<select name="food" size=3>
<option value="0"> 西瓜 </option>
<option value="1"> 馒头 </option>
<option value="2"> 大蒜 </option>
<option value="3"> 茄子豆角 </option>
<option value="4"> 烧白 </option>
<option value="5"> 火锅 </option>
</select>
</td>
</tr>
<tr><!-- 多选列表 --> <!-- 在<select>中增加multiple -->
<th>想去旅游的地方(可多选)</th>
<td>
<select name="place" size=3 multiple>
<option value="0"> 西藏 </option>
<option value="1"> 西双版纳 </option>
<option value="2"> 九寨沟 </option>
<option value="3"> 青海湖 </option>
<option value="4"> 江南水乡 </option>
<option value="5"> 大理 </option>
</select>
</td>
</tr>
<tr><!-- 多行文本域 -->
<th>想对我说的话...</th>
<td>
<textarea cols="40" rows="6" name="message"> 请在这里悄悄的输入哦~! *^_^* </textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="sub" value="submit" />
</td>
</tr>
</form>
</table>
</body>
</html>