表单基础1

概述

1.表单是一个HTML元素，它用于包含和组织称为表单控件的对象----比如文本框、复选框和按钮----并从网站访问者那里接受信息。

2.表单通常由两部分组成：

1. HTML表单本身，它是网页用户界面
2. 服务器端处理，它处理表单数据，可以发送电子邮件、向文本文件写入、更新数据库或在服务器上执行其他处理

3.表单区域用<form></form>包含。一个网页可以有多个表单，但不能嵌套。form元素常用属性：

属性名称	属性值	用途
action	服务器端处理脚本的URL或文件名/路径	该属性是必须的，指定提交表单时将表单信息发送到哪里。如果值为mailto:mail-address，会启动访问者的默认电子邮件应用程序来发送表单信息
autocomplete	on off	HTML5属性。on是默认值。浏览器将使用自动完成功能填写表单字段 HTML5属性。on是默认值。浏览器不使用自动完成功能填写表单字段
id	字母或数字，不能含空格。值必须唯一	该属性可选。它为表单提供唯一的标示符
method	get post	get是默认值。使表单数据被附加到URL上并发送给web服务器 post方式比较隐蔽，它将表单数据包含在http应答主体中进行发送
name	字母或数字，以字母开头，不能包含空格。 选择一个描述性强且简短的表单名称	该属性可选。它为表单命名以使客户端脚本语言能够方便地访问表单

文本框
1.input元素是独立标记，用于配置几种表单控件。HTML5语法中编码成<input>，使用XHTML语法编码成<input />。

2.配置成文本框的input元素常用属性：

属性名称	属性值	用途
type	text	配置成文本框
name	字母或数字，不能含空格，以字母开头	为表单控件命名，便于客户端脚本语言或服务器端程序访问。名称必须唯一
id	字母或数字，不能含空格，以字母开头	为表单控件提供唯一标识符
size	数字	设置文本框在浏览器中显示的宽度。省略后浏览器按默认大小显示
maxlength	数字	设置文本框接收文本的最大长度
value	文本或数字字符	设置文本框显示的初始值。并接收在文本框键入的信息。该值可由客户端脚本语言和服务器程序访问
disabled	disabled	表单控件被禁用
readonly	readonly	表单控件仅供显示，不能编辑
autocpmplete	on off	HTML5属性。on是默认值。浏览器使用自动完成功能填写表单控件 HTML5属性。浏览器不用自动完成功能填写表单控件
autofocus	autofocus	HTML5属性。浏览器将光标定位到表单控件，并设置焦点
list	datalist元素的id值	HTML5属性。将表单控件与一个datalist元素关联
placeholder	文本或数值	HTML5属性。旨在帮助用户理解控件作用的简短信息
required	required	HTML5属性。表示该字段必须输入信息。提交表单时，浏览器会校验
accesskey	键盘字符	表单控件的键盘字符
tabindex	数值	表单控件的tab顺序(按Tab键时获得焦点的顺序)

3.表单控件中为什么同时使用name和id属性？

   name属性命名表单控件，以便客户端脚本语言(如javascript)或服务器端程序(如PHP)访问。name属性指定的必须在该表单唯一。

   id属性用于CSS和脚本编程。id属性的值必须在表单所在的整个网页唯一。

提交按钮和重置按钮

1.提交(submit)按钮用于提交表单。它会触发<form>标记指定的action，造成浏览器表单数据发送到web服务器。

   type="submit"将input元素配置成提交按钮。

2.重置(reset)按钮将表单各个字段重置为初始值。重置按钮不提交表单。

   type="reset"将input元素配置成重置按钮。