[Mike的笔记整理]HTML表单

表单接口标记

标记

说明

<form></form>

定义一个表单

<input>

定义一个输入域，常用的有7种类型

<select><select>

定义下拉列表

<textarea></textarea>

定义一个多行文本编辑框

form标记

form标记参数说明

参数

说明

name

可选参数，为该表单指定一个名字

action

设定表单的处理方式，通常为另一个HTML文件的URL地址

method

设定表单的资料传输方式，可以是POST和GET

输入域：input

<input>标记常用的格式为：<input name=”…” type=”…” value=”…”>。

1．单行文本编辑框：type=text

<input>标记的type参数的默认值就是text，表示单行文本编辑框。

单行文本编辑框参数说明

参数

说明

name

指定该单行文本输入域的名字

size

设定该编辑框的长度

value

该输入域的初始值

maxlength

设定该输入域可以接收的最大字符数

2．密码输入框：type=password

3．复选输入框：type=checkbox

复选框参数说明

参数

说明

name

指定该复选框的名字

value

表示由此复选框提供的域值部分

checked

设置初始状态为被选中

4．单选输入按钮：type=radio

单选输入按钮参数说明

参数

说明

name

指定单选按钮的名称，同组单选按钮必须使用相同的名字

value

表示由此单选按钮提供的值域部分

checked

设置初始状态为被选中

5．提交按钮：type=submit

提交按钮参数说明

参数

说明

name

可选参数，指定提交按钮的名字

value

提交按钮上显示的文字信息，如果没有则为“提交查询内容”

6．重置按钮：type=reset

参数

说明

name

指定重置按钮的名字，可选

value

重置按钮上显示的文字信息，如果没有则为“重置”

7．文本框：type=textarea

文本框参数说明

参数

说明

name

指定多行文本框输入域的名字

cols

设定该文本域的列宽

rows

设定该文本域的行数

下拉列表：select

<select>和</select>标记用来定义下拉列表输入框，而<option>标记给出列表中的各项内容。<option>标记中的selected参数表明初始状态被选中的列表项。如果没有该参数，那么自动选中列表的第一项。

下拉列表参数说明

参数

说明

name

下拉列表的名称

size

下拉列表的长度大小