HTML中＜form＞表单的使用

form表单标记

一.定义：

表单在Web网页中用以让访问者输入数据，当提交表单时，表单中输入的数据被打包传递给Web服务器端的程序以处理，从而使得Web服务器与用户之间具有交互功能。
表单实现前后台交互：用户将表单提交到后台再右后台提交到数据库的过程，实现前后端交互。
表单在网页中主要负责数据采集功能，它用< form >标签定义。用户输入的信息都要包含在form标签中，点击提交后，< form >和</ form >里面包含的数据将被提交到服务器或者电子邮件里。

二.例子：

如登录注册、搜索框。

三.组成：

表单是由窗体和控件组成，一般一个表单包括用户填写的信息输入框，和一些按钮（提交按钮，重置按钮等等），这些输入框和按钮叫控件，form表单就相当于一个容器，能装纳很多各种控件。

四.表单的标签：

五.表单的提交：

表单的提交有两种方式一种是get，另外一种是post。

两种请求方法都是让后台获取到数据。

区别 ：get不安全，将name属性的信息暴露在信息栏上，地址栏默认大小64kb
post 安全不会暴露。

六.表单的一些常用元素及其属性：

1.input标签:

1.type属性

单行文本框：<input type="text"/>

密码框：<input type="password"/>

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

多选按钮：<input type="checkbox"/>

提交按钮： <input type="submit"/>

重置按钮： <input type="reset"/>

没有功能的按钮：<input type="button"/>

图像按钮：<Input type="image" src=" ">

隐藏域：<input type="hidden"

File用来创建一个文件选取的输入框，可通过accept属性规定选取文件的类型，比如图片、视频，multipe属性可以设定一次允许选择多个文件:<input type="file"

 

补充html5对input中type属性的补充

type=“emile”

type="number"

type="color"

type="date"

type="datetime-local"

type="time"

type="range"

2.name--元素名称

3.value--元素的值

4.id--元素的唯一标识符

5.size--以字符的个数设定元素的宽度

6.maxlength--元素接受字符的上限

7.checked--元素是否被选中

8.label 标签 是为input标签定义的标签

9.readonly---只读的状态

10.disabled----禁用input元素，被禁用的input不可用，也不可以点击 

11.required--提交信息时候，如果input是空的，会提示不能为空

12.autofocus---当页面打开时候，会自动获取光标

 

2.select标签:

下拉列表

<select name="" id="">

<option value=""> </option>

<option value=""> </option>

<option value=""> </option>

multiple是select中的一个属性，表示显示下拉框的所有选项

selected——默认显示，配合option使用。

3.textarea标签

表示多行文本框

cols---以字符个数设定的多行文本框的宽度

rows---以字符个数设定的多行文本框的高度