（5）html表单

本节解说： html的表单。

form
* <form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
* <input>标签可定义为输入域的开始，在其中用户可输入数据。
所有的表单元素，都必须要放置在，表单标签中：<form></form>
所有的表单元素，以input为例，必须包含type属性。

 

1、文本域

<input type="text" name="控件名称" size="控件长度" maxlength="填写最长字符数" value="文字字段默认值" />

2、密码域

　　密码跟文本框类似，但是在里面输入的内容显示为圆点。

3、单选按钮

<input type="radio" name="单选按钮名称" value="单选按钮的取值" checked="checked" />

男人:<input type="radio" name="sex" value="male" />
<br />
女人：<input type="radio" name="sex" value="female" /> 

     checked属性表示该项被默认选中。

4、复选框

<input type="checkbox" name="复选框的名称" value="复选框的值" checked="checked"/>

<select name="下拉菜单名称">
    <option value="选项值" selected="selected">选项显示内容</option>
    <option value="选项值">选项显示内容</option>
</select>

 

文本域textarea

     <textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

     可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

     提示：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔。

     提示：可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。

 

重置按钮

　　当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。

<input type="reset" name="按钮名" value="按钮上面的文字" />

提交按钮

　　当点击提交按钮时，浏览器将自动提交表单。

  <input type="submit" name="按钮名" value="按钮上面的文字" />

隐藏域

     隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在，当用户提交表单时隐藏域的内容会一起提交。

<input type="hidden" name="隐藏域名称" value="提交的值" />