2022.3.23总结

79 阅读1分钟

①。 隐藏域的作用:把数据名称yincang=12发给后台,不想让用户在页面看到,只是单纯的想发一个数据

<input type="hidden" name="yincang" value="12">
<input type="submit" value="提交">

1.png

②。readonly表示只读,用户可以看到,但无法修改,diaable表示禁用,把按钮原来的功能禁用,比如客户内容没有填写完,就先把这个功能禁用,通过javascript判断用户把表单内容输入完毕了,再把禁用属性去掉 readonly的使用,例如:

< input type="text" name="zhidu" value="只能看,不能改" readonly>

2.png

disable的使用,例如:

< form > < select name="id" disabled > < option value="xuesheng">学生< /option> < option value="shangban">上班< /option> < /select>

 <select name=" shengfen" >
     <option value="laoshi">老师</option>
     <option value="lvshi">律师</option>
 </select>

< /form>

4.png

③。< label for="增强鼠标可用性,自动把焦点转移到与该元素相关的表单元素上">,input里id的值必须和for的值一样 例如:

< input type="radio" name="sex" id="aa" value="nan"> < label for="aa">男< /label>

< input type="radio" name="sex" id="bb" value="nv"> < label for="bb">女< /label>

加了lable for即使不点击框,只点击文字也可以选择

5.png

④。 HTML中引入CSS样式 行内样式, 内部样式表, 外部样式表 (链接外部样式表和导入外部样式表)。

内部样式表,在head中。优点:方便在同页面中修改样式 缺 缺点:不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底

7.png

8.png

行内样式表: < p style="color: red;font-size: 60px;"> 我是p元素< /p>

9.png

外部链接: < link rel="stylesheet" href="./3333.css" >在head中

使用链接的CSS文件先加载到网页当中,再进行编译显示 (样式渲染快)

使用@import导入的CSS文件,客户端显示HTML结构,再把CSS文件加载到网页当中 (样式的渲染比link要慢的)@import是属于CSS2.1特有的,对不兼容CSS2.1的浏览器是无效的 (link的兼容性更好)

111.png

< span>我是span元素< /span>

222.png

外部导入链接:

< style> @import url(./3333.css); < /style>

123.png

< span>我是span元素< /span>

内部样式:

< style> p{color: red;font-size: 123px;} < /style>

 <p>我是p元素</p> 
 
 

1234.png

⑤。类选择器: class=""里面的值必须和style中的一致

< style> .nihao{color: red;font-size: 100px;} < /style>

< div class="nihao">你好啊< /div

333333.png

⑥id选择器:id=""里面的值必须和style里面的值一致,且style的值前面要加# 表示唯一,不要起两个相同名称的id

< style> #zhenhao{color: green;font-size: 66px;} < /style>

< div id="zhenhao">真好啊< /div

11132.png