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. javaIO流(一)--File类的基本使用

    一.File文件操作类 在java语言中提供有对于文件操作系统的支持,这个支持就在java.io.File类中进行了定义,也就是说在整个java.io包中File类是唯一一个与文件本身操作有关的类(创 ...

  2. redis 入门之集合

    sadd 将一个或多个 member 元素加入到集合 key 当中,已经存在于集合的 member 元素将被忽略.假如 key 不存在,则创建一个只包含 member 元素作成员的集合.当 key 不 ...

  3. 如何使用 VLD 检测程序中的内存泄漏?

    下载地址:https://kinddragon.github.io/vld/ 下载 windows 安装包,进行安装即可,它会给你设置好 vs 的环境变量,使用时,直接在 vs ide 中包含即可. ...

  4. 后台得到jsp提交name属性相同的内容

    直接上代码: req.setCharacterEncoding("utf-8");String [] node = req.getParameterValues("nod ...

  5. flex:1 内容不要撑开

    .content { flex: 1; overflow: hidden: }

  6. SQL数据库—<9>数据库安全

    --创建登陆用户 --create login login_name from windows with default_database = database | default_language ...

  7. 利用powerDesigner15.1连接oracle数据库并自动生成表结构

    利用powerDesigner15.1连接oracle数据库并自动生成表结构 参考:http://blog.csdn.net/qq_24531461/article/details/76713802 ...

  8. 2018-2-13-win10-uwp-从-Unity-创建

    title author date CreateTime categories win10 uwp 从 Unity 创建 lindexi 2018-2-13 17:23:3 +0800 2018-2- ...

  9. getopts的错误报告模式

  10. 属性.native用于解决第三方el组件库@click事件无效

    描述 有时发现用一些第三方的组件库时,例如一个封装好的button按钮<el-butten>,绑定点击事件却没有任何作用,这时便需要加 .native 原因: v-on 是对 Vue 的事 ...