1.

对于表单,你可以指定某些选项为required(必填项),只有当用户填写了该选项后,用户才能够提交表单。

例如,如果你想要一个文本输入框设置为必填项,你可以在 input 元素中加上 required属性,你可以使用: 
<input type="text" required>

2.

单选按钮是 input 输入框的一种类型。

每个单选按钮都应该嵌套在自己的 label(标签) 元素中。

所有关联的单选按钮应具有相同的 name 属性。

下面是一个单选按钮的例子:

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

3.

checkboxes(复选按钮)通常用于可能有多个答案的问题的形式。

复选按钮是 input 的输入框的一种类型。

每一个复选按钮都应嵌套在其自己的 label元素中。

所有关联的复选按钮输入应该具有相同的 name属性。

以下是一个复选按钮的示例:

<label><input type="checkbox" name="personality"> Loving</label>

4.

使用 checked 属性,你可以设置一个单选框和复选框默认被选中。

为此,只需在 input 元素中添加属性checked 。例如:

<input type="radio" name="test-name" checked>

5.

通过用空格分隔多个 class 属性,可让 HTML 元素应用多个 class 属性:

class="class1 class2"

注意:在 HTML元素中列出这些 class 的顺序并不重要。

然而,<style> 部分中的 class 声明的顺序是重要的,第二个声明将始终优先于第一个声明。因为 .blue-text 是第二个声明,它会覆盖 .pink-text 的属性。

6.

我们来给 pink-text 元素的 color 声明加上关键字 !important,以使 100% 确保你的 h1 元素是粉色的。

举例如下:

color: pink !important;

转载于:https://www.cnblogs.com/jy13638593346/p/8377817.html

2018-01-29(HTML+CSS)相关推荐

  1. 2018/01/22 爬虫日记

    20171024 ①导入自定义的模块(如类),需要在当前类作导入 类的引用声明,如self.tool = tool.Tool() 20171025 ①正则表达式:两个<><>之 ...

  2. 【跃迁之路】【448天】刻意练习系列207(2018.04.29)

    @(跃迁之路)专栏 叨叨两句 技术的精进不能只是简单的刷题,而应该是不断的"刻意"练习 该系列改版后正式纳入[跃迁之路]专栏,持续更新 一.SQL [跃迁之路]Java基础--SQ ...

  3. 2018.01.21.一周机器学习周记

    时间:2018.01.21.一周 主要内容 1.整理前期关于决策树的一个小型实践项目文档(实践进行中) 2.搭建TensorFlow环境(进行中) 3.拓展:实践Python的自动化模块pyautog ...

  4. 洛谷 刷题 深基部分题解(python版)-2022.01.29

    P5703 [深基2.例5]苹果采购(python3实现) https://blog.csdn.net/dllglvzhenfeng/article/details/122690555 P5703 [ ...

  5. 训练日志 2018.9.29

    电脑终于拿回来了,重新配环境配了一下午,蛋疼的一批 明天上午上完课国庆假期算正式开始了,之前电脑坏了欠下的东西不少,状压DP一个题也没做,Java作业还没写,青岛赛.CCPC的总结也要补,事情总是要一 ...

  6. 训练日志 2018.8.29

    状态很差劲,什么都学不进去,心浮了,下午比赛 A 了一个题就不想打了,想做做区间 DP 的练习题也读不进题去,Runtime Error 及时调整状态吧 2018.8.29

  7. MJ上下拉刷新的使用方法 -2018.9.29

    MJ上下拉刷新的使用方法 -2018.9.29 -(void)Shujujiazai{ NSMutableArray *imagearr = [[NSMutableArray alloc] init] ...

  8. 10天精读掌握:计算机组成与设计(COAD:Patterson and Hennessy) (第4天 2018/10.29)

    10天精读掌握:计算机组成与设计COAD:Patterson and Hennessy 第4天 2018/10.29 1. 第4次周计划概览 2. 今日学习成果 3. 今日时间表 4. 今日反思 5. ...

  9. web前端-01:关于css居中的几种方法

    web前端-01:关于css居中的几种方法 在学习web前端的过程中,居中问题应该算得上是个比较经典的问题了吧,关于居中的方法也有很多,总结一下我自己比较喜欢用的几个方法. 1 利用 ...

  10. 日常作业2018.12.29

    作业 1.赌博游戏(循环) package com.play;import java.util.Scanner; /*** 赌博游戏2.0升级版* @author ZZH* 2018.12.29*/ ...

最新文章

  1. Kafka的生产者优秀架构设计
  2. openstack 云主机关机,自动running
  3. 设计模式学习笔记三——Abstract Factory模式
  4. SpringCloud(二) 服务注册与发现Eureka
  5. 3dmax镜像后模型线条乱了_3dMax入门教程来啦!小白赶紧收藏!
  6. NHibernate:no persister for 异常
  7. 单例模式及getInstance()的用法(转)
  8. scanf 与getchar区别
  9. 苹果mac快速切换工具:One Switch
  10. JS处理支付宝H5支付
  11. 有没有压缩视频的软件?能压缩视频的软件?压缩视频用什么软件比较好?
  12. HTML女朋友生日祝福、老婆生日快乐源代码,可定制照片+音乐+表白话
  13. 全球存算一体技术研究及量产情况最新进展(收录于存算一体芯片赛道投资融资分析)
  14. Facebook-Rebound弹簧效果
  15. linux nginx的 yum安装
  16. 银行业务细分,商业银行业务学习(二)
  17. 微信小程序开发从入门到实战 --第1章 认识小程序
  18. 直播间虚拟背景怎么弄?这几个好用方法分享给你
  19. 李永乐讲卷积神经网络,卷积神经网络最新进展
  20. 全开源的V17/欧泡支付/易支付/一键安装

热门文章

  1. uid_t gid_t等的定义
  2. js sdk demo java_微信JS-SDK DEMO页面和示例代码
  3. rocketmq怎么保证数据不会重复_RocketMQ 分布式事务消息
  4. 孤岛惊魂4服务器稳定吗,《孤岛惊魂5》究竟好不好玩 让我来告诉你(缺点)
  5. 图像频域增强:傅里叶变换
  6. 翻译:如何理解K-means的缺点
  7. 【易实战】Spring Cloud Greenwich Ribbon:负载均衡的服务调用
  8. c语言除法中的小数点,高精度除法小数点位数
  9. linux怎么卸载软件 apt,linux安装和卸载软件:sudo apt-get install(remove)
  10. Fizz Buzz @leetcode Math