表单（1）

准备表单

一个完整的表单是由表单域和表单控件组成的。其中，表单域由form标记定义，用于实现用户信息的收集和传递。

<form action="form.php" method="post" enctype="multipart/form-data">
    <!-- 各种表单控件 -->
</form>

action属性的值可以是绝对路径、相对路径，若省略该属性则表示提交给当前文件进行处理。
GET方式传递的表单在URL地址栏中可见。
相比GET方式，POST方式提交的数据是不可见的，在交互时相对安全。因此，通常情况下使用POST方式提交表单数据。

enctype属性的默认值为application/x-www-form-urlencoded，表示在发送表单数据前编码所有字符。除此之外还可以设置为multipart/form-data（POST方式）表示不进行字符编码，尤其是含有文件上传的表单必须使用该值；设置为text/plain（POST方式）表示传输普通文本。

<input type="text" name="user" value="test">	<!-- 文本框 -->
<input type="password" name="pwd" value="">	<!-- 密码框 -->
<input type="file" name="upload">         		<!-- 文件上传域 -->
<input type="hidden" name="id" value="2"> 	<!-- 隐藏域 -->
<input type="reset"  value="重置">         		<!-- 重置按钮 -->
<input type="submit" value="提交">        		<!-- 提交按钮 -->

type属性设置不同的值，即可得到不同的表单控件
name属性用于指定控件的名称，用以区分表单中多个相同的控件
value属性用于设置表单控件的默认值

<!-- 单选框 -->
<input type="radio" name="gender" value="m" checked> 男
<input type="radio" name="gender" value="w"> 女
<!-- 复选框 -->
<input type="checkbox" name="hobby[]" value="swimming"> 游泳
<input type="checkbox" name="hobby[]" value="reading"> 读书
<input type="checkbox" name="hobby[]" value="running"> 跑步

<textarea name="introduce" cols="5" rows="10">
<!-- 文本内容 -->
</textarea>

textarea控件适用于自我评价、评论等可能需要输入大量信息的功能
属性cols和rows用于定义文本域的高度和宽度

<select name="area">
    <option selected>--请选择--</option>
    <option value="Beijing">北京</option>
    <option value="Shenzhen">深圳</option>
    <option value="Shanghai">上海</option>
</select>

select是定义下拉列表的标记
option是定义下拉列表中具体选项的标记
selected属性用于设置默认选中项