表单及表单中常用的控件

表单的作用是提供给客户端和服务器端的交互

1.form:表单

     格式：<form method=? action=?>

                   表单中控件的定义

              </form>

     method：设置表单的信息传输方式，主要取值有post和get

     action：设置利用哪个文件(页面)来处理所提交的数据

2.text：单行文本框

     格式：<input type=text name=? size=? maxlength=? value=?>

     name：该控件的名称

     size：文本框中当前能显示的最大字符数

     maxlength：可进入到文本框中的最大字符数

     value：文本框中的初始字符

3.password：密码文本框

     格式：<input type=password name=? size=? maxlength=? value=?>

              此时输入到密码文本框中的回显字符为*

     name：该控件的名称

     size：文本框中当前能显示的最大字符数

     maxlength：可进入到文本框中的最大字符数

     value：文本框中的初始字符

4.textArea：多行文本区

     格式：<textArea name=? rows=? cols=?></textArea>

     rows：多行文本区的可视行数

     cols：多行文本区的可视列数

5.radio：单选按钮

     格式：<input type=radio name=? value=? checked>

     name：该按钮的名称

     value：该按钮的值

     checked：设置该按钮的初始状态为选中状态

     注意：同一组的单选按钮，它们的name属性必须设置为统一名称，这样才能实现在同一时刻只有一个按钮被选中的功能

6.checkbox：复选按钮

     格式：<input type=checkbox name=? value=? checked>

     name：该按钮的名称

     value：该按钮的值

     checked：设置该按钮的初始状态为选中状态

7.下拉列表框

     格式：<select name=? size=1 οnchange=?>

                   <option value=? selected>选项名</option>

                   <option>......</option>

              </select>

     size：下拉列表框的该属性值只能为1，表示一次只能显示一个选项

     onchange：当下拉列表框的任一选项的状态(包括选中与不选中)改变时，将触发onchange事件

     selected：设置指定选项为下拉列表框的初始显示选项

     value：指定选项的值

8.列表框

     格式：<select name=? size=? Multiple>

                   <option value=? selected>选项名</option>

                   <option>......</option>

              </select>

     size：列表框的该属性值不能为1，它的值决定了列表框中一次能显示的选项数

     Multiple：设置该列表框可以同时选中多个选项

9.button：按钮

     格式：<input type=button name=? value=? οnclick=?>

     name：该控件的名称

     value：按钮上的标题

     onclick：单击按钮时候触发的事件

10.submit：提交按钮

     其作用是当用户单击submit按钮时，表单中的信息将被发送到服务器端进行处理，服务器将处理过的Html文件或Jsp文件返回到客户端进行显示

     格式：<input type=submit name=? value=?>

     name：该控件的名称

     value：提交按钮上的标题

11.reset：取消按钮

     其作用是指示浏览器把表单的输入内容重置为初始状态

     格式：<input type=reset name=? value=?>

     name：该控件的名称

     value：取消按钮上的标题

12.hidden：隐含控件

     该控件在运行时是看不见的，它可以用来存储数据

     格式：<input type=hidden name=? value=?>

     name：该控件的名称

     value：该控件中所存储的数据

 

注意：对于单选框，复选框，下拉列表框以及列表框，利用request对象读取的是其value属性的值，一般将他们的value值设置成与其显示的值相同