< from> 表单标签 作用:用于收集用户的信息
Action 表示表单的提交位置
Method 提交方式 默认属性为get
file:///D:/code2/first.html?
file:///D:/code2/first.html?username=zhangsanfeng&pwd=1231230(?号之前表示的就是页面的提交路径的url ?后面就是属性 属性和属性之间用&来进行连接)
输入
Type 属性 text —文本框
Password ----密码框
Submit ---提交按钮
Reset ----重置
表示空格
Type = radio 单选框
Text 和password value的属性相当于文本框和密码框的值
Submit reset button value 按钮的名称
Select 选择框
Option 表示选项
Textarea 文本域
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
padding: 0;/*padding:内边距*/
margin: 0;/*margin:外边距
一般初级建站的时候必须要写的属性*/
}
img{border: 1px solid black;}/*image:标签 border:边框 1px:像素是1 solid:实现 black:颜色是黑色*/
</style>
</head>
<body>
<img src="./image/2.jpg" alt="彭于晏" usemap="#plant" /><!--alt:当路径有问题,图片显示不出来时用文字去占位置-->
<map id="plant" name="plant">
<area shape="circle" coords="345,100,5" href="https://baike.baidu.com/item/%E5%BD%AD%E4%BA%8E%E6%99%8F/305410?fr=aladdin"
target="_blank"/>
<!--shape="":图片的形状-->
</map><!--usemap:用于image和map标签产生关联 <map>需要定义id和name属性 并且值和usemap的值相同 <area>:map映射的区域-->
</body>
</html>
(HTTP协议:
请求方式 总共有9种
只讲2种
Get post
file:///D:/code2/first.html
Get请求和post请求有什么区别?
Get请求会把用户的信息暴露在地址栏上 导致信息泄漏不安全
不同的浏览器对地址栏的长度不同 IE为2048个字节
Post请求不会暴露用户的信息到地址栏上 相比之下更安全。
长度上没有限定)