HTML学习(三)控制浏览器发送请求

控制浏览器发送请求地址


1.超链接标签命令

        1)格式:  <a href="请求地址">提示信息</a>

        2)工作原理:  超链接标签命令不会被浏览器自动执行。
                     在用户使用鼠标单击超链接标签命令时,
             此时这个命令才会执行,执行要求浏览器
             立刻按照href属性地址发送请求

<html>
  <body>
      <a href="http://www.baidu.com">百度</a><br/>
	  <a href="图片标签.html">Python</a>
  </body>
</html>

 

 2.表单标签命令

         1)格式:
                      <form action="请求地址">
                <input type="submit"><!--提交按钮-->
              </form>

             2)工作原理:
                      表单标签命令不会被浏览器自动执行。
              在用户单击提交按钮时,此时表单标签命令
              被触发执行。执行时要求浏览器立刻按照
              action属性地址发送请求

<html>
   <body>
        <form action="http://www.sina.com">
	    <input type="submit" value="新浪"/>
        </form>
   </body>
</html>

控制浏览器采用的请求方式

1.考虑到POST请求方式,用户可以将【病毒文件内容】发送到服务器上进行攻击。因此绝大多数门户级网站拒绝接收POST请求,日常开发过程绝大多数请求都是GET

2.在某些特殊场景下必须使用POST

    1)文件上传,必须使用POST
    2)发起登录验证请求,必须使用POST
    3)索要服务器中实时变化数据时(股票价格,车票数量),必须采用POST

超链接标签命令在执行时,要求浏览器必须采用GET方式发送请求

表单标签存在一个method属性,通过这个属性可以要求浏览器采用对应请求方式发送请求

              <form action="请求地址" method="get">
              <form action="请求地址" method="post">
            ***method属性默认值是GET
            <form action="请求地址">---->浏览器以GET方式发送请求

控制浏览器携带的请求参数

http://www.baidu.com?n1=100&n2=200  [n1=100&n2=200]就是浏览器发送请求参数

请求参数格式:浏览器发送请求时  请求地址?请求参数名1=值1&请求参数名2=值2

通过超链接标签命令指定请求参数

<a href="http://www.baidu.com?userName=mike&password=123">百度</a>

表单域标签命令

1)一组声明在form标签内部的标签命令
2)提示用户填写对应的【请求参数内容】,用于提供相对灵活的请求参数内容
3)所有的表单域标签都拥有两个属性【name,value】name属性声明【请求参数名】,value属性声明【请求参数内容】

<form action="http://www.baidu.com">
    <input type="text" name="userName" value="mike"/>
    <input type="submit">
</form>

当用户单击submit后,浏览器发送请求信息 http://www.baidu.com?userName=mike

表单域标签分类

1)<input />

<html>
	<center>
		<form action="http://www.baidu.com">
		UserName:<input type="text" name="username"/><!--文本框--><br/>
		PassWord:<input type="password" name="password"/><!--密码框--><br/>
		Sex:<input type="radio" value="man" name="sex"/>Man<input type="radio" value="woman" name="sex"/>Woman<!--单选框--><br/>
		technology:<input type="checkbox" name="technology" value="java"/>JAVA
					<input type="checkbox" name="technology" value="c++"/>C++
					<input type="checkbox" name="technology" value="mysql"/>MySql<!--多选框--><br/>
		file:<input type="file" name="myfile"/><!--文件选择框--><br/>
		<input type="submit"/><!--提交按钮,属于表单域标签,但是用于触发form命令,不作为请求参数-->
		<input type="reset"/><!--重置按钮,属于表单域标签,但是用于重置form命令,不作为请求参数-->
	</center>
</html>

2)<select></select>

<html>
    <center>
        <form action="http://www.baidu.com">
            籍贯:<select name="home">
                <option value="bj">北京</option>
                <option value="sh">上海</option>
                <option value="tj">天津</option>
                </select><br/>
            <input type="submit"/><input type="reset"/>
        </form>
    </center>
</html>


3)<textarea></textarea>

<html>
	<center>
		<form action="http://www.baidu.com">
		UserName:<input type="text" name="username"/><!--文本框--><br/>
		PassWord:<input type="password" name="password"/><!--密码框--><br/>
		Sex:<input type="radio" value="man" name="sex"/>Man<input type="radio" value="woman" name="sex"/>Woman<!--单选框--><br/>
		technology:<input type="checkbox" name="technology" value="java"/>JAVA
					<input type="checkbox" name="technology" value="c++"/>C++
					<input type="checkbox" name="technology" value="mysql"/>MySql<!--多选框--><br/>
		file:<input type="file" name="myfile"/><!--文件选择框--><br/>
		
		addtext:<textarea name="tt" rows=5 cols=30>
				</textarea><br/>
		<input type="submit"/><!--提交按钮,属于表单域标签,但是用于触发form命令,不作为请求参数-->
		<input type="reset"/><!--重置按钮,属于表单域标签,但是用于重置form命令,不作为请求参数-->
	</center>
</html>

表单域标签value属性默认值

1)大多数表单域标签value属性默认值是空字符串 userName=''
2)对于radio与checkbox来说,value属性默认值'on'字符串

表单域标签作为请求参数条件

对于大多数表单域标签来说,只要同时满足以下两个条件,就可以作为请求参数
1)必须声明在form标签内部
2)必须声明name属性

对于radio标签与checkbox标签来说在满足上述两个条件同时,还必须满足第三个条件才可以作为请求参数,第三个条件radio与checkbox必须在【被选中】的情况下才可以作为请求参数

如果表单域标签使用disabled来修饰时,失去作为请求参数条件

 ***readOnly与disabled区别:
readOnly:要求当前标签中value属性只能看但是不能被修改,readOnly不会影响表单域标签作为请求参数条件

disabled:设置当前标签为不可用状态,此时标签中value属性内容不能被修改的.disabled修饰的表单域标签是永远都不能作为请求参数

<html>
    <form action="http://www.baidu.com">
        性别:<input type="text" name="sex" value="man" disabled>性别不能改<br/>
        姓名:<input type="text" name="userName" value="mike" readOnly>姓名不能改<br/>
	<input type="submit"/>
    </form>
</html>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值