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. LeetCode6 dp

    120. Triangle 我的解法用了一个二维数组,这样比较浪费空间.O(n*n) 但是标准答案自底向上,一是不需要进行特别判断,二是可以覆盖数组,则只需要O(n)的空间大小. class Solu ...

  2. 如何使用 C++ Inja html template 模板

    C++ html template Inja是现代C ++的模板引擎,受到jinja for python的启发.它有一个简单而强大的模板语法,包含所有变量,循环,条件,包含,回调,您需要的注释,嵌套 ...

  3. 58.Partition Equal Subset Sum(判断一个数组是否可以分成和相等的两个数组)

    Level:   Medium 题目描述: Given a non-empty array containing only positive integers, find if the array c ...

  4. 深入学习Redis持久化

    一.Redis高可用概述 在介绍Redis高可用之前,先说明一下在Redis的语境中高可用的含义. 我们知道,在web服务器中,高可用是指服务器可以正常访问的时间,衡量的标准是在多长时间内可以提供正常 ...

  5. 团队作业-Bata冲刺第一天

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass2 这个作业要求在哪里 https://edu.cnblo ...

  6. Codeforces 364D 随机算法

    题意:给你一个序列,定义ghd为一个序列中任意n / 2个数的gcd中最大的那个,现在问这个序列的ghd为多少. 思路:居然是论文题...来自2014年国家集训队论文<随机化算法在信息学竞赛中的 ...

  7. SetDefaultDllDirectories问题

    换台电脑编译报错! 在使用Visual Studio 2013编译程序的时候报以下错误 vc\atlmfc\include\atlcore.h(638): error C2039: “”: 不是“`g ...

  8. webpack 模块热替换的理解和使用

    模块热替换(webpack文档上也叫 Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一.它允许在运行时更新各种模块,而无需进行完全刷新. 这句话其实 ...

  9. MySQL慢SQL语句常见诱因

    原创转载请注明出处:https://www.cnblogs.com/agilestyle/p/11429037.html 1. 无索引.索引失效导致慢查询 如果在一张几千万数据的表中以一个没有索引的列 ...

  10. Vue学习笔记【28】——Vue路由(使用 children 属性实现路由嵌套)

    使用 children 属性实现路由嵌套   <div id="app">    <router-link to="/account"> ...