控制浏览器发送请求地址
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>