表单是form,通常用来向服务器提交数据,比如登陆界面,注册界面,修改界面等。要与表格table区分开(table一般用来做规范布局的和格式化数据)。
必备属性:
- action 表示要请求服务器的请求路径
- method 提交的方式
常用的提交方式有两个:
get : get提交时,表单的内容会显示在地址栏上,相对来说,不安全,提交的内容大小在4k左右
post: post提交时,表单的内容不会显示在地址栏上,相对安全,提交的内容大小没有限制
在表单中会嵌入一些元素,比如文本框,密码框,单选框,复选框,下拉框,文本域等,这些元素可以称为之控件元素
input元素
1. 文本框:type=text,
可以指定id,name,value
minlength: 最小长度,小于最小长度不能提交
maxlength: 最大长度,大于最大长度添加不上
size: 指定文本框的宽度,
pattern: 用于指定一个正则表达式
placeholder:事先在文本框上输入的提示信息
readonly: 只读属性
2. 单选框: type=radio
-1. 如果想要有单选的效果,那么单选框的name的值必须相同
-2. 属性checked ,表示默认选择的。
3. 复选框: type=checkbox
- name相同的为一组
- 属性checked,可以有多个,有多个默认选择的值
4. 按钮的类型分为:
- 1. 提交按钮
type="submit"
作用:是将表单的数据提交到action指定的服务器路径下
- 2. 重置按钮
type="reset"
作用: 将表单的数据清空,或回复到默认
- 3. 普通按钮
type="button"
- 4. 属性value,是用于指定按钮的文字的
5. 隐藏域
type=hidden
6. 文本选择框
type=file
label元素
作用:
-1 ,可以将一些文字包起来,用于css设置样式
-2. 可以扩大点击面,需要for属性,for指定的是谁,就相当于点击谁
文本域:<textarea>
name属性:用于指定提交时的关键字
cols: 用于指定文本域的列数,也就是宽度
rows:用于指定文本域的行数,也就是高度
下拉菜单
出生地的省份:
<select name="province" id="">
<option value="anhui">安徽</option>
<option value="liaoning">辽宁</option>
<option value="jilin">吉林</option>
<option value="heilongjiang">黑龙江</option>
<option value="guangdong">广东</option>
</select>