表单:目的是为了收集用户信息,有表单控件(也称表单元素)、提示信息和表单域三部分组成。
表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:一些说明性的文字,提示用户填写和操作。
表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法及时传送到后台服务器。
input控件(重点)
<input/>:单标签。
属性 | 属性值 | 描述 |
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 | 正整数 | 控件允许输入的最多字符数 |
type:说明了属于那种表单。
radio:如果是一组,我们必须给他命名相同的名字name=“??”。这样就可以在一组的多个选项中只能选择其一。
label标签(理解)
label标签为input 元素定义标注(标签)
用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点,for属性规定label与那个表单元素绑定。
textarea控件(文本域)
如果需要输入大量信息,就要用到<textarea></textarea>标签,通过textarea控件可轻松的创建出多行文本输入框。
<textarea cols="每行中的字符数" rows=“现实的行数”>
文本内容
</textarea>
下拉菜单
select:适用于多个选择。
基本格式:<select>
<option>选项1</option>
<option>选项2</option>
..........
</select>
表单域
form:创建一个表单,以实现用户信息的收集和传递,form中所有内容都会提交到服务器。
<form action="url地址" method=“提交方式”name=“表单名称”>
各种表单控件
</form>
常用属性:
1.action:在表单收集到数据之后,需要将数据传递给服务器进行处理,action属性用于指定接受并处理表单数据的服务器程序的url地址。
2.method:用于设置表单数据的提交方式,其值为get或post。
3.name:用于指定表单的名称,以区分一个页面中的多个表单。