return '<iframe  id="iFrame1" name="iFrame1"  

本教程操作环境：windows7系统、HTML5&&javascript1.8.5版、Dell G3电脑。

HTML5-video视频/audio音频

　被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。

概述   

 在页面设计时，我们经常使用input复选框。由于界面设计的需要，我们需要修改复选框的样式，使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂，通常修改的方式有两种，一个是链入图片，另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单，但是需要预先设计或者下载图片，比较麻烦。纯css的方法，只需要在css文件中编写代码，个人觉得比较方便，因此，本文使用该方式对input中的CheckBox进行设置。

实现效果  

  本文在设计时，希望达到以下效果，如图所示，每个带颜色的方块都是有input框组成，每个input框的背景色不同，并且，再点击时，只能同时选中一个input框（实现效果相当于radio）。

实现步骤

1、单个input[type=checkbox]样式修改

    在设计时，我们使用<lable>标签的for属性，绑定到input标签上（for属性应对应到input标签中的id）。在jsp代码中设计如下所示：

有checkBox复选框需求时，我们所用的框架样式不符合，所以需要自己写 对勾样式，当然用图片也OK。

效果图：

html:

 <div class="msg-position c-bg-wt">

    <p>推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp;

      <i class="icon-span" :class="{'icon-span-select' : chkAllStatus, 'brand-btn':  chkAllStatus, 'brand-b':  chkAllStatus}" @click="chkAll"></i>

      全部</p>

    <div v-for="item in positions" class="msg-position-div hidden">

checkbox没有readonly属性，如果使用disabled="disabled" 属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：

方式一：

设置它的onclick="return false"

什么是伪类？

伪类用于定义元素的特殊状态。

例如，它可以用于：

• 设置鼠标悬停在元素上时的样式

 见下面红色部分

1.背景：使用python3 Django 做一个发布会管理系统，用Bootstrap写页面

安装bootstrap

编写html文件加载bootstrap

运行后发现jQuery版本过低

2.解决方法：

https://code.jquery.com/

这是jQuery的网站，有各个版本，选择一个版本，将复制粘贴到html文件中

再次运行，问题解决

————————————————

版权声明：本文为CSDN博主「敏感的小可爱」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：

HTML 語法介紹

https://read01.com/75m8.html

CSS 語法介紹

http://www.w3school.com.cn/css/css_syntax.asp

HTML  TABLE 產生器

http://html-tables.com/

http://divtable.com/converter/

这两个属性都是用于 Accessibility，两者设立的目的是一样的，用于屏幕阅读器(Screen Reader)，都是为了帮助残障人士更好的识别当前元素。

bootstrap中的data-dismiss属性

css3的媒体查询(Media Queries)

对于Bootstrap来说，我是新手，我需要显示一张表，表的标题附近有上下箭头的排列。这是我的表结构

弹出框 popover.js

https://www.runoob.com/bootstrap/bootstrap-tutorial.html

折腾：

【已解决】ReactJS-AdminLTE中如何使得DataTable分页显示

flex上下固定