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. tp5 之 "No input file specified

    tp5 之 "No input file specified" 问题 通过"域名/模块/控制器/方法"这样的方式访问的时候,浏览器输出如下: 直接通过" ...

  2. pandas认识

    import numpy as np import pandas as pd # pandas 主要是用来进行数据处理的库, # 里面不仅包含了数据处理.甚至还有 统计分析.相关计算,其内部封装了nu ...

  3. mysql常见的hint

    mysql常用的hint对于经常使用oracle的朋友可能知道,oracle的hint功能种类很多,对于优化sql语句提供了很多方法.同样,在mysql里,也有类似的hint功能.下面介绍一些常用的. ...

  4. ArcGis基础——相接面制造指定距离的分隔带

    回家,出发前夜,看完电影吃晚饭回到住处已近十一点,和同事扯了一会儿淡,正准备去睡觉,这哥们儿突然想起一个问题: 如何把相接的面搞出一个20cm的分隔带?因为两区划定项目数据质检要求不同的地块图斑间应有 ...

  5. java的几种定时器

    https://blog.csdn.net/coolwindd/article/details/82804189 1.@Scheduled注解 @Scheduled注解是最简单的方式,只需要启用定时器 ...

  6. 循环结构select 举例

  7. linux c 链接详解5-虚拟内存管理

    5. 虚拟内存管理 我们知道操作系统利用体系结构提供的VA到PA的转换机制实现虚拟内存管理.有了共享库的基础知识之后,现在我们可以进一步理解虚拟内存管理了.首先分析一个例子: $ ps PID TTY ...

  8. docker 安装Filebeat

    1.查询镜像 docker search filebeat 2.拉取镜像 我此处选择的是prima/filebeat docker pull prima/filebeat 3.创建配置文件 fileb ...

  9. javax.net.ssl.SSLKeyException: RSA premaster secret error

    环境jdk1.7, 调用第三方接口时,出现javax.net.ssl.SSLKeyException: RSA premaster secret error错误,解决方案,将jre/lib/ext所有 ...

  10. java 延时

    Java中主要有两种方法来实现延迟,即:Thread和Timer 1.普通延时用Thread.sleep(int)方法,这很简单.它将当前线程挂起指定的毫秒数.如try{Thread.currentT ...