目录
(3)post与get的区别(这是一个面试题,可以自己先想一下,在看下面的答案)
(6)请求方式的使用场景即何时使用post与get(面试题,可以先想一下在看后面的答案)
(9)表单域标签使用readonly和disable修饰的区别
1、介绍
(1)HTML是一种只能在浏览器编译与运行的编程语言
(2)HTML编程语言的学称是超文本标记式编程语言
2、作用
(1)控制浏览器将接受的数据在指定的窗口进行展示
(2)控制浏览器发送请求的行为
3、语法规范
(1)所有的命令都必须写在标签内部
(2)所有的命令都是提前定义好的,不允许开发人员自己定义
(3)所有的命令不区分大小写
(4)通过对命令中的属性赋值实现开发目的,属性值可以用“”也可以用‘’,还可以不写,如果什么也不写属性与属性之间必须用空格隔开
(5)根据书写方式分为单目标签和双目标签
(6)单目标签以“/”结尾,也可以不写比如<br>与<br/>是相等的
4、HTML语法格式
<head>
这里面是设置基础参数信息
</head>
<body>
控制浏览器将接收的数据以指定的形式在窗口进行展示
</body>
5、控制浏览器起发送请求的请求地址
(1)通过超链接标签命令发送请求
a. 格式(以访问百度为例)
<a href="http://www.baidu.com?name="mike"&password="admin" ">这儿写的是超链接的名字</a>(同时超链接标签也是一个双目标签)
b.工作原理:浏览器不会自动执行超链接标签命令,只有当用户用鼠标单击超链接标签时,这个命令才会被执行,执行要求浏览器立刻按照href属性中的请求地址发送请求
(2)表单标签命令
a.格式
<form action=“你要访问的地址”>
表单域标签命令
</form>
b.工作原理
浏览器不会自动执行表单标签命令,只有当用户用鼠标单击提交按钮时,这个命令才会被执行,执行要求浏览器立刻按照action属性中的请求地址发送请求
6、控制浏览器发送请求的请求方式
(1)什么是请求方式
请求方式:浏览器发送请求时的行为特征
(2)请求方式共有几种
七种,但较为常用的有两种post与get
(3)post与get的区别(这是一个面试题,可以自己先想一下,在看下面的答案)
get
要求浏览器发送请求时,携带的请求参数信息的数量不能超过4K
要求浏览器发送请求时,必须在浏览器地址栏上将请求参数信息展示出来
要求浏览器发送请求时,必须将请求参数信息包含在请求协议包的请求头中
要求浏览器在接收到浏览器返回的资源文件后,必须将资源文件保存在浏览器的缓存中
post
要求浏览器发送请求时,可以携带任意数量的请求参数
要求浏览器发送请求时,必须在浏览器地址栏上将请求参数信息隐藏起来
要求浏览器发送请求时,必须将请求参数信息包含在请求协议包的请求头中
禁止浏览器在将接收的资源文件内容进行保存(即阅后即焚)
(4)浏览器发送请求时采用get请求方式
使用超链接标签命令时,要求浏览器使用get请求方式
表单标签命令中有一个action属性,通过对action属性设置可以要求浏览器按照对应的请求方式发送请求
(5)浏览器发送请求时采用post请求方式
通过对form表单中action属性设置可以使用post请求方式
(6)请求方式的使用场景即何时使用post与get(面试题,可以先想一下在看后面的答案)
考虑到在post请求方式下,会将病毒文件内容发送到浏览器上进行攻击,因此绝大多数门户级网站拒绝接收post请求,在日常开发中大部分情况下也是使用get请求方式
但在某种特殊情况下使用post
索要浏览器中实时变化的数据(考虑一下和post中那条特性有关),比如车票数量,股票价格
发起登陆验证请求时(考虑一下和post中那条特性有关)
上传文件资源时(考虑一下和post中那条特性有关)
7、控制浏览器发送请求时携带的请求参数
(1)请求参数的作用
比如用户可以通过浏览器访问服务端计算机的动态资源文件,假设有这样一段代码块
public int sum(int n1,int n2){
int result=n1+n2;
return result;
}
这段代码块在被访问时,要求传一个实参,浏览器就会将请求参数作为实参发送给服务端
http://www.baidu.com?n1=1&n2=2
(2)请求参数的格式
在7.1中也可以看出格式
请求地址?请求参数名1=请求参数值1&请求参数名2=请求参数值2
请求参数可写多个
(3)请求参数来源
通过超链接标签命令携带请求参数
<a href="http://www.baidu.com?n1=1&n2=2" >baidu</a>
通过表单域标签命令
(4)表单域标签
一组声明在form表单中的命令
提示用户填写对应的请求参数信息,用于提供相对灵活的请求参数内容
所有的表单域标签都有两个属性name和value
(5)表单域标签的分类
<type="text">文本输入框
<type="radio">单选框
<type="chexkbox">复选框
<type="textarea">多行文本输入框
<type="submit">用来触发form表单,不作为请求参数
<type="file">文件选择框,被选中的文件作为请求参数
<select>下拉列表框和<option>一起使用
很多,只列举一部分
(6)html演示
姓名:<type="text" name="name"><br>
<!--单选框,复选框一定要有name属性-->
性别:<type="radio" name="sex" value="女">女
<type="radio" name="sex" value="男">男<br>
爱好:<type="checkbox" name="hobby" value="看书">看书
<type="checkbox" name="hobby" value="听音乐">听音乐
<type="checkbox" name="hobby" value="玩游戏">玩游戏
<type="checkbox" name="hobby" value="旅游">旅游
<type="checkbox" name="hobby" value="逛街">逛街
<type="checkbox" name="hobby" value="其他">其他<br>
科目:<select>
<option>
语文
</option>
<option>
数学
</option>
<option>
英语
</option>
</select><br>
备注:<tpe="textare"><br>
提交:<type="submit">
(7)表单域标签value属性的默认值
大多数表单域标签属性默认值为空字符串,但对radio和checkbox来说value属性默认值是on
(8)表单域标签作为请求参数的条件
大多数表单域标签只要同时满足两个条件就可以作为请求参数:必须声明在form表单中;必须有name属性。但对于radio和checkbox除了要满足以上两个条件还必须要在被选中的条件下才可以作为请求参数。
(9)表单域标签使用readonly和disable修饰的区别
如果表单域标签使用readonly修饰,那么value属性只能看不能改,但不会应向表单域标签作为请求参数的条件
如果使用disable来修饰,当前标签为不可用状态,此时标签中value属性内容不能被修改,disable修饰的表单域标签不能作为请求参数
写在文章末尾的话:只会写代码但是基础知识掌握不扎实的程序员不是一个好的程序员!!!