商丘做手机做网站,河南电商网站设计,wordpress缓存规则,建网站 南京目录
1. form表单的格式
1.1 form表单的常用属性
1.2 form表单的常用搭配标签#xff1a;input
2. form表单构造GET请求实例
3. form表单构造POST请求实例
4. form表单构造法的缺陷 对于客户端浏览器#xff0c;以下操作即构造了HTTP请求#xff1a;
1. 直接在浏览器…目录
1. form表单的格式
1.1 form表单的常用属性
1.2 form表单的常用搭配标签input
2. form表单构造GET请求实例
3. form表单构造POST请求实例
4. form表单构造法的缺陷 对于客户端浏览器以下操作即构造了HTTP请求
1. 直接在浏览器地址栏中输入URL此时构造了一个GET请求
2. HTML中一些特殊的标签如imgalinkscript等可能会触发GET请求
3. 通过form表单来触发GET或POST请求form本质也是一个HTML但更复杂一点故而单列而论
4. ajax构造HTTP请求
1. form表单的格式
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleform表单/title
/head
bodyform action/form
/body
/html
1.1 form表单的常用属性
1. 在form表单的开始标签中可以写属性键值对其中键值对之间用空格分割键和值之间用分割键不需要引号但值要有双引号常用的属性有action与method
2. action属性的值填写的内容是访问的请求的URL可以带上IP和端口号
3. method属性的值填写的内容是构造的是GET请求还是POST请求form表单只支持GET和POST不支持其他的HTTP方法
1.2 form表单的常用搭配标签input
input标签是一个单标签
1常用属性type取值为text或passwordtext为明文输入password是密文输入时
表示一个输入框
input标签中输入框中的内容就会被构造成HTTP请求的query string键值对其中key就是input输入框的name属性value就是输入框中用户输入的内容 2常用属性type取值为submit时表示一个按钮
此时value属性中的内容是按钮上显示的文本 2. form表单构造GET请求实例
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleform表单/title
/head
bodyform actionhttp://www.sogou.com/abc.html methodgetinput typetext namekey1input typetext namekey2input typetext namekey3input typesubmit value提交/form
/body
/html
根据路径使用Chrome打开文件在三个输入框中依次输入1,2,3 点击提交后页面如下 试用Fiddler抓包请求详情如下 当前实例表示客户端构造了一个GET请求发送给服务器服务器返回的响应为404
如果需要获取到服务器返回的正确的期望的响应需要服务器的代码进行配合
3. form表单构造POST请求实例
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleform表单/title
/head
bodyform actionhttp://www.sogou.com/abc.html methodpostinput typetext namekey1input typetext namekey2input typetext namekey3input typesubmit value提交/form
/body
/html
点击提交后同get请求在输入框中输入123点击提交后页面如下 使用Fiddler抓包结果如下 4. form表单构造法的缺陷
1. form表单只支持构造GET和POST请求不支持其他方法
2. form会触发页面跳转有时会带来不便
