补充表单 css 样式和三种选择器的使用

隐藏域

// 隐藏域的作用 需要把数据的名称hideName和值666传给后台 但是不想让用户在页面上看到，只是单纯的想发送一段数据

只读和禁用

 // disabled 禁用属性 目的是把按钮原来功能禁用掉   使用场景：比如用户还没有把表单的内容填写好，就先把提交按钮禁用  通过javascript判断用户把表单内容输入完毕了，再把禁用属性去掉 

 // readonly 是只读属性 作用是只是让用户看到 但是并不想让用户修改     W3C HTML标准中，规定对于布尔类型（true或false）的属性，属性值可以省略 

表单元素的标注

   //增强鼠标的可用性 自动将焦点转移到与该标注相关的表单元素上    input的id的值 要和label的for的值 保持一致   label标注标签 行内元素 

css 样式

 链接外部样式

 

 

 行内样式

 

 内部样式

 

 

 

 

 标签选择器

 

 

类选择器

 

 

 //和元素选择器不同的是 元素选择器加了样式 所有的元素都会有样式  类选择器 是给加了类名称的元素 才会有样式   一般工作中推荐使用 类选择器加样式 

id选择器

 

 

//使用id选择器 要使用# #后面名称需要和id=""后面的值对应  id选择器 表示唯一性 不要起两个相同名称的id   虽然有效果 但是不推荐这么写   ★实战的工作中 加样式一般使用类选择器比较多