html5表单控件和表单域

一、表单控件

1.1 认识表单

表单控件：包含了具体的表单功能项，如但行文本输入框、密码输入框、复选框、提交按钮、重置按钮等

提示信息：一个表单中通常包含一些说明性文字，提示用户进行填写和操作

表单域：相当于一个容器，用来容纳所有的表单空间和提示信息，可以通过它定义处理表单数据所有的程序的url地址，
以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传输到后台服务器

1.2 input控件

是一个单标签，type属性为其最基本的属性，其取值有很多种，用于指定不同的控件类型。除了type属性之外，标签还有其他很多种属性，常用的属性如下表所示：

属性	属性值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选框
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图片形式的提交按钮
type	file	文件域
name	用户自定义名字	控件的名称
value	用户自定义	input控件中默认的文本值
size	正整数	input控件在页面中显示的宽度
checked	checked	定义选择控件时默认选中的项
maxlength	正整数	控件允许输入的最多字符的个数

1.2.1 文本框与密码框

<p>用户名：<input type="text" > </p><!--文本框-->
<p>密  码：<input type="password" ></p> <!--密码框-->

1.2.2 单选框和复选框

<!--单选框，如果是一组，我们可以通过相同的name值来实现单选的功能-->
<p>性  别：<input type="radio" name="sex" >女