再lable中我们有几个不同的type参数:
text
写的是文本类型的参数
password
不管输入的是什么显示的都是星星
date
输入的是一个日历本
radis
单选的圆圈选项
checkbox
方块形状的打勾选项
hidden
隐藏起来的文本
file
用于上传文件给后端
还有几个按钮类型
button
这是普通的按钮,看似没有什么用处,但是有很大的潜力
reset
是个充值按钮
submit
提交按钮 可以自动触发form表单提交数据的动作
input标签可以增加disable属性,禁用这个框框
input标签可以加value属性,就是默认值
男<input type="radio" name="gender" value="male">
女<input type="radio" name="gender" value="female" checked>
可以加个checked属性
这些就是form内容
css内容就比较简单了,有多种选择器
元素选择器
id选择器
类选择器
通用选择器
组合选择器
div span后代选择器
div>span儿子选择器
div+span毗邻选择器
div~span弟弟选择器
我们将input框鼠标点进去之后的那个状态叫做 input获取焦点 聚焦 focus
鼠标移出去之后的状态 叫做input框失去焦点
伪元素选择器 (清除浮动带来的负面影响)
可以通过css添加文本内容
选择器优先级<br>
1.选择器相同的情况下 引入方式不同<br>
遵循就近原则 谁离标签更近 就听谁的<br>
2.选择器不同的情况下 <br>
行内选择器 > id选择器(其次) > 类选择器(使用最频繁) > 元素选择器<br>