2.表单类(HTML)

< 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请求不会暴露用户的信息到地址栏上 相比之下更安全。

长度上没有限定)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值