OK,相信看到这里的朋友都是老粉了,新来的朋友也欢迎,我们继续接着上次,表单主讲。
表单标签
目的是为了收集用户信息
在网页中,经常需要进行用户交互,收集用户数据等,所以需要用到表单。HTML表单可分为三个部分:
表单控件,提示信息,表单域
三部分 | 解释 |
---|---|
表单控件 | 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等 |
提示信息 | 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作 |
表单域 | 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法,如果不定义表单域,表单中的数据就无法传送到后台服务器 |
《----接下来为表单控件部分----》
input 控件
为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。
属性 | 说明 |
---|---|
type | input元素类型 |
name | input 元素的名称 |
value | input 元素的值 |
size | input 元素的宽度 |
readonly | 是否只读 |
maxlength | 输入字符的最大长度 |
disabled | 是否禁用 |
文本框
文本框用来让用户输入字母、数字等等,如用户的姓名,地址等。
上代码:
<input type=“text” name="…" size="…" maxlength="…" value="…"/>
文本框属性
项目 | Value |
---|---|
type=”text” | 定义单行文本输入框 |
name属性 | 定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称 |
size属性 | 定义文本框的宽度,单位是单个字符宽度 |
value属性 | 定义文本框的初始值 |
密码框
一种特殊文本域,顾名思义,当然是用于用户输入密码啦!!
老规矩,请码:
<input type=“password” name="…" size=