界面

wdnmd wdnmd

再lable中我们有几个不同的type参数:
 text     写的是文本类型的参数

 password    不管输入的是什么显示的都是星星

 date    输入的是一个日历本

 radis    单选的圆圈选项

 checkbox    方块形状的打勾选项

 hidden    隐藏起来的文本

 file    用于上传文件给后端

---

还有几个按钮类型

 button    这是普通的按钮,看似没有什么用处,但是有很大的潜力

 reset    是个充值按钮

 submit    提交按钮 可以自动触发form表单提交数据的动作

input标签可以增加disable属性,禁用这个框框

input标签可以加value属性,就是默认值

男
女

可以加个checked属性

这些就是form内容

css内容就比较简单了,有多种选择器

基本选择器
元素选择器

id选择器

类选择器

通用选择器

组合选择器
div span后代选择器

div>span儿子选择器

div+span毗邻选择器

div~span弟弟选择器

我们将input框鼠标点进去之后的那个状态叫做 input获取焦点 聚焦 focus
鼠标移出去之后的状态 叫做input框失去焦点

伪元素选择器 (清除浮动带来的负面影响)

可以通过css添加文本内容

选择器优先级

1.选择器相同的情况下 引入方式不同

遵循就近原则 谁离标签更近 就听谁的

2.选择器不同的情况下

行内选择器 > id选择器(其次) > 类选择器(使用最频繁) > 元素选择器