javaweb第二章

2.1.3HTML表单标签与表单设计

         表单是有文本框、密码框、多行文本框、单选、复选框、下拉菜单/列表、按钮、文件域、隐藏域等各种表单元素及标记组成的。

1、<form>标记及其属性

       表单使用<form>和</form>来定义的，<form>标记有属性：name、method、action、target等属性。

语法格式：<form name="表单名“method="提交方法”action=“处理程序”>

                    ............

                  </form>

其中，属性name是表单对象名称。

2、<input>标记及其属性

<input>是一个单标记，它必须嵌套在表单标记中使用，用于定义一个用户的输入项。

基本语法：

<input name="输入域名称“type="域类型”value="输入域的值”>

      

 <input>标记主要有六个属性：

type、name、size、value、maxlength、check。

其中，name和type是必选的两个属性：

name:属性的值是相应程序(由form标记中的action属性指定)中的变量名。

  input输入域的9种类型：

文本域：<input type="text"  name="文本字段名称”maxlength=""size=""value="">

size与maxlength属性用来定义此区域显示的尺寸大小与输入的最大字符。

密码域：<input type="password" name="密码字段名称" size="" maxlength=""value"">

当用户输入密码时，区域内会显示“*”号代替用户输入的内容。

单选按钮：<input type="radio" name=" " value=" "checked/>

checked属性用来设置该单选按钮默认状态是否被选中。当有多个互斥单选按钮式，设置相同的name值。

复选框：<input type="checkbox" name=" " value=" " checked/>

checked属性用来设置该单选按钮默认状态是否被选中。当有多个复选框时，设置相同的name值，也可设置不同的name值。

提交按钮:<input type="submit" name=" " value=" "/>

将表单内容提交给服务器的按钮。

取消按钮：<<input type="reset" name=" " value=" "/>>

将表单内容全部清除，重新填写的按钮。

图像按钮：<input type="image" src="图片"/>

使用图像代替submit按钮，图像的源文件名由src属性指定。

文本域：<input type="file" name=" " size=" " maxlength=" ">

上传文件。

隐藏域：<input type="hidden" name=" " value=" "/>

用户不能在其中输入信息，用于预设某些要传递的信息。

3、下拉表框<select>、<option>

在表单中，通过<select>和<option>标记可设置及一个下拉式的列表或带有滚动条的列表，用户可在列表中选中一个或多个选项。

基本语法：

<select name="" size=''" multiple>

<option value="" selected>...</option>

<option value="" >...</option>

......

</select >

语法说明：

（1）<select>标记有name、size、multiple3个属性。

name:设定下拉列表名字。

size：用于改变下拉框的大小，默认值为1。

multiple:表示允许用户从列表中选择多项，若缺省，则表示单选。

（2）<option>标记有两个属性，即value和selected，它们都是可选项。

value:用于设置当该选项被选中并提交后，浏览器传送给服务器的数据。

selected：用于指定选项的初始状态，表示该选项在初始时被选中。

4、多行文本框<textarea>标记

基本语法：

<textarea name="" row＝＂＂ｃｏｌｓ＝＂＂ｗｒａｐ＝＂ｏｆｆ｜ｖｉｒｔｕａｌ｜ｐｈｙｓｉｃａｌ＂＞

初始值

<textarea＞

其中，ｒｏｗ设置输入域的行数，ｃｏｌｓ设置输入域的列数，ｗｒａｐ设置是否自动换行。