HTML新手学习小记7（表单二）

表单标签（二）
这里补充type中的file，以及自成一体的下拉列表框select和多行文本域textarea。

file 文件/图片上传表单，也称文件域
将input的type设置成file即可，如：

<form method="post" action="" enctype="multipart/form-data">
<p>上传：
	<input type="file" name="upload"/>
</p>
</form>

由于拥有文件域的表单提交的是数据、文件和图片等内容，就需要将表单enctype(编码方式)设置成多部分提交。enctype=“multipart/form-data”

select下拉列表
select需要配合option去使用，利用option去创建选项。
代码格式如下：

<form method="post" action="">
<p>选&nbsp;&nbsp;&nbsp;择：
<select name="select">
<option value="1">第一条选项内容</option>
<option value="2">第二条选项内容</option>
<option value="3">第三条选项内容</option>
<option value="4">第...条选项内容</option>
</select>
</p>
</form>

效果

可以将第一行定义为""，空值，然后写“请选择内容”。

textarea多行文本域
可以利用cols（列数）和rows（行数）去控制文本域大小，代码格式如下：

<form method="post" action="">
<p>详&nbsp;&nbsp;&nbsp;情：</p><p><textarea name="textarea" cols="40" rows="6" >热情、洋溢。</textarea>
	</p>
</form>

效果

在文本域，不可使用value来赋予初始值，上面的“热情、洋溢”字样是在定义textarea之后直接输入的。