wdnmd
wdnmd

再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>

随机推荐

  1. ES6几大特性,让你的代码更优美

    1.Default Parameters(默认参数) in ES6 还记得我们以前不得不通过下面方式来定义默认参数:   var link = function (height, color, url ...

  2. asciinema.org -Record Your Terminal Share it with no fuss

    紀錄 Terminal 下指令的過程 http://asciinema.org/

  3. Python之字节到大整数的打包与解包

    需求:处理一个拥有128位长的16个元素的字节字符串 将bytes解析为整数,使用 int.from_bytes() 方法,并像下面这样指定字节顺序: # 为了将bytes解析为整数,使用 int.f ...

  4. js自增++与自减--运算符

    /** * 自增(++)与自减(--)运算符 */ // 自增示例 var a = 1, c, d, e; console.log(`a++ = ${a++}`); // a++ = 1 consol ...

  5. 【彩彩只能变身队(第七组)】Alpha版

    演示总结 -by 彩彩只能变身组(第七组) Part one:功能简介 教师端——班级主页 教师端——创建班级 教师端——批改作业 教师端——作业上交情况 学生端——班级主页 学生端——作业上传 在开 ...

  6. 如何理解CPU上下文切换(二)

    如何理解CPU上下文切换(二) 1.引 你们好,可爱的小伙伴们.^_^ 多个进程竞争CPU就是一个经常被我们忽视的问题. 你们一定很好奇,进程在竞争CPU的时候并没有真正运行,为什么还会导致系统的负载 ...

  7. 禁用usb是否一种方法?

    CM_Request_Device_EjectW?? ddk  sdk必须安装 https://blog.csdn.net/phmatthaus/article/details/49779585

  8. .net 开源项目地址

    https://github.com/dotnet/corefx 这个是.net core的 开源项目地址 https://github.com/aspnet 这个下面是asp.net core 框架 ...

  9. 带你逐行阅读redux源码

    带你逐行阅读redux源码 redux版本:2019-7-17最新版:v4.0.4 git 地址:https://github.com/reduxjs/redux/tree/v4.0.4 redux目 ...

  10. 大数据基础环境--jdk1.8环境安装部署

    1.环境说明 1.1.机器配置说明 本次集群环境为三台linux系统机器,具体信息如下: 主机名称 IP地址 操作系统 hadoop1 10.0.0.20 CentOS Linux release 7 ...