1 from标签是一个块级标签,通常与input连用
2 属性;
action | 跳转的路径 |
methon | 用来明确表单提交的方式(ges post) 默认值是get,get 请求会把用户信息暴露在地址栏上,post请求不会 |
name | 表单的格式 |
路径:
绝对路径:从盘符出发,找到你所需的文件的途径 路径+文件名
C:\Users\张钱\Desktop\第二天\demo02.html
相对路径:当前源文件和目标文件的相对位置
3 表单元素:表单元素(文本框,密码框,下拉列表框等),一般由input,textarea,select标签构成,需要放到form标签里面使用
3.1 input标签使用
input标签可以用于收集用户输入的信息,根据type属性值的不同,收集数据的类型不同,
3.1.1常见type属性值如下表所示
text | 文本框 |
passward | 密码框 |
radio | 单选按钮 |
checkbox | 多选按钮 |
submit | 提交按钮 |
reset | 复位按钮 |
button | 普通按钮 |
image | 图像按钮 |
file | 文本域(上传图像的按钮) |
hidden | 隐藏域 |
邮箱 | |
color | 颜色域 |
data | 日期 |
time | 时间 |
datetime-local | 日期+时间 |
range | 进度条 |
3.1.2input属性
checked | 默认选择 |
readonly | 只读字段 只可以读不可以修改 |
disabled | 表示禁用 不可以点击 |
autofocus | 默认光标位置 |
requird | 不能空白提交 |
4 textare标签
form表单中除了能使用input元素外,还能使用textarea元素,textarea能创建一个文本区,文本区的大小和宽度由cols和rows设定,cols设定文本区宽度,rows设定文本区的高度(行数)。
5 select标签
5.1select是下拉选择框,里面可包含多个选项,选项在option标签中,可用size设置下拉框显示的长度,也可用mutiple属性让下拉框变成另一种样式的下拉框。
5.2select还能使用selected默认
6 总结