小编Sha*_*set的帖子

使用datalist分组输入

我用两种方式选择:

有禁用选项.
使用optgroup标签.

<select name="curso1" id="curso1">
    <option disabled="" style="font-size:12px; text-align:left; font-family:Arial Black">Group</option>
    <option value="1">Windows 8</option>
    <option value="8">lalalala</option>
</select>
<select>
    <optgroup label="Swedish Cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </optgroup>
    <optgroup label="German Cars">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </optgroup>
</select>

Run Code Online (Sandbox Code Playgroud)

如何在datalist中执行此操作？

如何与datalist组合？

html select datalist

Edu*_*ann

2016 11-17

8
推荐指数

1
解决办法

3059
查看次数

<a> 名称属性的 CSS 选择器？

这可能是一个愚蠢的问题，但是“名称”属性的 CSS 选择器是什么<a>？

document.body.innerHTML = myString.anchor("HTML_String")

Run Code Online (Sandbox Code Playgroud)

此 JavaScript 创建一个<a>名为"HTML_String." How do I access only this element in my CSS? 的元素

javascript css css-selectors

Owe*_* L.

2016 05-16

7
推荐指数

2
解决办法

8221
查看次数

数据表-在导出时添加行/列

我正在查看将一些数据添加到视图初始表中没有csv的datatables导出按钮中。

标题为表格的表格如下所示，以下各行中的数据。

ID | Name | Address | Contact | Description

Run Code Online (Sandbox Code Playgroud)

我试图获取它，以便在单击导出按钮并csv生成a时，将新行添加到开头，该行将在ID和Name上方的两个单元格中具有值，并将新列添加到表格（在说明字段之后）。

我使用一个使用“自定义”功能找到的示例进行了测试，但无法使其正常工作。

任何指针将不胜感激！

我希望它看起来如何：

Nickname | Value

Action   | ID    | Name | Address | Contact | Description | Date | Code

Run Code Online (Sandbox Code Playgroud)

编辑：

var table;
$(document).ready(function () {

var filetitle = "file";
if (document.getElementById("csvfilename") !== null) {
    filetitle = document.getElementById("csvfilename").textContent;
}

table = $('.datatables').DataTable({
    "initComplete": function () {
        $('.datatables').attr("hidden", false);
    },
    stateSave: true,
    deferRender: true,
    responsive: {
        details: {
            display: $.fn.dataTable.Responsive.display.childRowImmediate,
            type: '' …

Run Code Online (Sandbox Code Playgroud)

javascript csv datatable jquery datatables

Mik*_*ike

2017 05-21

6
推荐指数

0
解决办法

3936
查看次数

想要更改具有选中+禁用属性的复选框的颜色，但与仅禁用属性不同

我有不同的复选框具有不同的功能，效果很好。我的要求是我想"checked" & "disabled"同时更改具有属性的复选框的颜色，即我的最后一个复选框。但与其中只有属性的复选框不同，"disabled"即我的第三个复选框。先感谢您。

.switch, .switch {
    -moz-user-select: none;
}
.switch label input[type="checkbox"] {
    height: 0;
    opacity: 0;
    width: 0;
}
.switch label input[type="checkbox"]:not(:checked), 
.switch label input[type="checkbox"]:checked {
    left: -9999px;
    opacity: 0;
    position: absolute;
}
.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #629fd9;
    left: 14px;
}
.switch label input[type="checkbox"]:disabled + .lever::after {
    background-color: #E6E6E6;
}
.switch label input[type="checkbox"]:disabled + .lever,
.switch label input[type="checkbox"][disabled="disabled"]:checked + .lever{
    background-color: #F0F0F0;
}

.switch label input[type="checkbox"][disabled="disabled"]:checked + .lever::after{
    background-color: #B3C6D8;
}
.switch …

Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap-3

san*_*jay

2016 05-03

5
推荐指数

1
解决办法

6687
查看次数

将复选框标签移动到复选框上方

如何将复选框标签移动到复选框上方？

目前标签出现在复选框的左侧，我希望它们位于复选框上方。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
   <div class="col-md-2">
      <div class="form-group">
         <label for="viewstats">
         View Statistics
         </label>
         <input type="checkbox" value="">
      </div>
   </div>
   <div class="col-md-2">
      <div class="form-group">
         <label for="viewgraphs">
         View Graphs
         </label>
         <input type="checkbox" value="">
      </div>
   </div>
   <div class="col-md-2">
      <div class="form-group">
         <label for="viewnotifications">
         View Notifcations
         </label>
         <input type="checkbox" value="">
      </div>
   </div>
</div>

Run Code Online (Sandbox Code Playgroud)

html twitter-bootstrap

DAV*_*N-K

2017 06-02

3
推荐指数

1
解决办法

8564
查看次数