13.form表单(*******)
功能:前后数据交互,帮你提交任意的数据
input通过控制type属性来展示不同的获取用户输入的页面效果
type属性总结:
text:纯文本
password:用户输入不可见
date:日期 比如:获取用户生日
radio:单选 比如:获取用户性别
checkbox:多选 比如:获取用户爱好
file:文件 获取用户上传文件
submit:提交 注意:form表单中只有input的type属性是submit才能支持提交
reset:重置
button:按钮
select:下拉框 默认是单选,可以通过multiple属性指定为多选
textarea:大段文本
14.label标签
本身没有任何实际意义,主要是配合input标签
<label for="">username:
<input type="text">
</label>
<label for="i1">username:
<input type="text" id="i1">
</label>
15.标签分类(******)
块儿级标签(独占一行) h1~h6,p,hr,br
1.块儿级标签,可以嵌套其他块儿级标签和行内标签
2.p标签虽然也是块儿级标签,但是它不能嵌套任何块儿级标签,只能嵌套行内标签
16.行内标签(自身文本多大就占多大) span,b,u,i,s,a,img
1.行内标签肯定不能嵌套块儿级标签,只能嵌套行内标签
2.行内标签 无法设置长宽
标签分类2:
双标签<h1></h1>
自闭和标签<img />
17.URL:网址(uniform resource locator)
专业一点:统一资源定位符
url的组成:
https://www.baidu.com/
18.form表单中
action属性. 控制数据往哪提交,不写默认往当前url地址提交
method属性 控制数据提交的方式,默认是get请求,可以通过method该属性指定其他提交
提交数据的input必须要有name参数
input框中value属性就是对应的值
如果要提交文件数据
1.修改提交数据编码格式enctype
2.提交方式必须是post