HTML form的表单元素有哪些？

上一篇我们简单的介绍了 HTML 表单 form 的 Input 元素，我们再来说说其他元素。

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

<select name="fruit">
<option value="苹果">苹果</option>
<option value="桔子">桔子</option>
<option value="香蕉">香蕉</option>
<option value="葡萄">葡萄</option>
</select>

<select>元素中的<option> 元素：定义内部的选择选项，一般情况下列表会把第一个选项设置为被选中选项，我们也可以添加 selected 属性来设置已选中的选项。例如：

<select name="fruit">
<option value="苹果">苹果</option>
<option value="桔子" selected>桔子</option>
<option value="香蕉">香蕉</option>
<option value="葡萄">葡萄</option>
</select>

<textarea>元素：定义多行输入字段（文本域），和<input> 元素 type=text 有着异曲同工之妙。它可以通过 rows 属性设置多行，还是单行，用 cols 属性设置输入的字数。例如：

<textarea name="message" rows="8" cols="30">
ZHUEi 软件：www.zhuei.net

</textarea>

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

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

HTML5 中的 <datalist> 元素：
<datalist> 元素为 <input> 元素预定义选项列表。<select>元素中的<option> 元素类似。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须和引用的 <datalist> 元素的 id 属性一致。例如：

<input list="ZHUEi">
<datalist id="ZHUEi">
   <option value="苹果">
   <option value="桔子">
   <option value="香蕉">
   <option value="葡萄">
</datalist> 

如果你发现错误或有其他方法，请给www.zhuei.com留言，我们会尽快更新本文！