HTML语言基础（十三）——表单相关

43、<textarea> 元素

<textarea> 元素定义多行输入字段（文本域），例：

简介：<textarea rows="5" cols="30"></textarea>

单击框内任意位置即可输入文本，初始为5行、每行30字节，拖拉右下角可改变框体大小：
简介：

44、<select> 元素（下拉列表）

<select> 元素定义下拉列表，例：

<select name = "province">
  <option value = "江西" selected = "selected">江西</option>
  <option value = "湖北">湖北</option>
  <option value = "湖南">湖南</option>
  <option value = "广东">广东</option>
</select>

select的name定义的是下拉列表的总名称，option是列表的项。初始值需要设定，在将要设定为初始值的option内添加selected属性，赋值="selected"，下拉列表就会显示相应的值。
点击箭头可以打开下拉列表进行选择：
<select name="province">
<option selected="selected" value="江西">江西</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="广东">广东</option>
</select>

45、<button> 元素

<button> 元素定义可点击的按钮，如：

<button type="button" onclick="alert('Hello World!')">
  Click Me!
</button>

之前介绍过，可以自定义按钮框内文本和弹出的对话框文本：

59、<datalist> 元素
<datalist> 元素为 <input> 元素规定预定义选项列表
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性，例：

<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist>

若input里用list属性，则需要datalist预加载选项：

<datalist id="browsers">





</datalist>

60、<fieldset>元素

fieldset 元素可将表单内的相关元素分组，例：

<fieldset>
  <legend>健康信息</legend>
  身高：<input type="text" />

  体重：<input type="text" />
</fieldset>

就是将几个input的输入框分组到一类，fieldset可以把分好组的几个输入框框起来，而legend的作用是将这个类取的小标题放在框线中，更美观好看，如下效果：

体重：