表单标签的学习笔记

一.表单的组成

在HTML中，一个完整的表单通常由表单域，表单控件（也称为表单元素）和提示信息三个部分组成。

<form></form>标记被用于定义表单域，即创建一个表单，<form></form>中所有内容都会被交给服务器。

常用属性：

1.action：用于指定接受并处理表单数据的服务器程序的url地址，例如：<form action=“form_action.asp”>

2.method:设置表单数据的提交方式，其取值为get（默认值）或post（保密性好）

3.name：指定表单名称，以区分同一个页面的多个表单

4.autocomplete：用于指定表单是否有自动完成功能（就是可以将表单控件输入的内容记下来，再次输入时，会将输入的历史记录显示在下拉框里，）此元素有两个值：on（有自动完成功能）或off（无自动完成功能）

二.表单控件（表单元素）之input元素

1.input输入表单元素

<input type="属性值"> < input/>是单标签，type属性来设置不同属性值用来指定不同的控件类型。

2.单行文本输入框<input type=“text”/>

用于输入简短信息，如用户名，账号，证件号码，常见属性有name，value，checked,maxlength

 3.密码输入框<input type=“password”/>用于输入密码，以小圆点表示。

4.单选按钮<input type=“radio”/>

在定义单选按钮时，必须为同一组中的选项指定的相同name值，例如：<input type=“radio” name=“sex”checked=“checked”/>男<input type=“radio” name=“sex”/>女，(name是表单元素的名字，这里性别单选按钮必须有相同的name，才能实现多选一）

5.复选框<input type=“checkbox”/>（单选框和复选框可设置checked属性，当页面打开时，就可以默认选中这个按钮）

6.提交按钮<input type=“submit”/>

7.重置按钮<input type=“reset”/>

8.文件域<input type=“file”/>

9.label元素使用

<label>标签是input元素定义标注（标签）

<label>用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转移到或者选择到对应的表单元素上来增加用户体验。

 三.select下拉表单元素

在页面中，如果有多个选项让用户选择，又想节省空间，就可以使用<select>控件定义下拉列表

语法：

四. textarea文本域元素

 语法格式：

<texearea cols=“每行中的字符数”row=“显示的行数”>文本内容</textarea>。