小编Cod*_*Man的帖子

如何使输入类型="tel"工作为type ="password"

当使用input标签作为type="tel"触摸设备上的键盘时,输入框的类型对应.但是,我希望input隐藏标签中的值(与password类型一样).正常的行为是在用户输入时隐藏每个角色.

<input type="tel">
Run Code Online (Sandbox Code Playgroud)
input [type="tel"] {
    -webkit-text-security: disc;
}
Run Code Online (Sandbox Code Playgroud)

此解决方案适用于大多数浏览器,但不适用于IE.

<input type="password" pattern="[0-9]*" inputmode="numeric">
Run Code Online (Sandbox Code Playgroud)

此解决方案无法按预期工作.

有没有办法完成我想要做的事情?

javascript html5 css3

15
推荐指数
3
解决办法
6778
查看次数

划分Bootstrap网格列的最佳方法

我按照下面的方式划分了Bootstrap网格列.

<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">A</div>
        <div class="col-md-6">
            <div class="col-md-12">B1</div>
            <div class="col-md-12">
                <div class="col-md-8">B1.1</div>
                <div class="col-md-4">B1.2</div>
            </div>
            <div class="col-md-12">
                <div class="col-md-10">B2.1</div>
                <div class="col-md-2">B2.2</div>
            </div>
        </div>
        <div class="col-md-3">C</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

此代码的可视布局

请在下面找到此代码的可视布局.

我划分网格列的方法是正确还是错误?

css twitter-bootstrap twitter-bootstrap-3

9
推荐指数
2
解决办法
6239
查看次数

截断没有宽度的省略号

我正在尝试实现响应列表宽度文本溢出:省略号; 在第一个看起来像这样的单元格:

单行文本太长,必须... | 按钮2 |

整个列表应该有宽度:100%; 和设备一样大.我不能在按钮2上设置固定宽度,因为应用程序是多语言的(尽管应该可以使用最大宽度).

我可以尝试任何我想要的东西,......只有当我设置固定宽度时才会出现.如何在没有JavaScript帮助的情况下告诉中间单元"使用可用空间"?

获得输出:

John Doe1(2)John Doesdfsf ...(3)Jo1(4)

预期产量:

John Doe1(2)John Doesdfsf ...(3)Jo1(4)

CSS:

.truncate-ellipsis {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; 
        -o-text-overflow: ellipsis;
         width: 20%;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div ng-app="myApp" ng-controller="validateCtrl">
<ul>
<li><label class="truncate-ellipsis">{{title1}}</label>({{count1}})</li>
<li><label class="truncate-ellipsis">{{title2}}</label>({{count2}})</li>
<li><label class="truncate-ellipsis">{{title3}}</label>({{count3}})</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)

DEMO

javascript css angularjs

7
推荐指数
1
解决办法
4980
查看次数

正则表达式 - 如何匹配所有小于或等于二十四的数字?

我对正则表达式有点陌生,正在为需要使用正则表达式的数量字段编写验证。

如何匹配所有小于或等于 24 的数字?

我试过

var pat = /^[1-9]$|^[1-2]\d$|^3[0-6]$/;
Run Code Online (Sandbox Code Playgroud)

但这只匹配 1-24。有没有一种简单的方法来匹配所有小于或等于 24 的可能数字?

javascript regex

5
推荐指数
1
解决办法
1万
查看次数

Bootstrap折叠无法正常工作(隐藏无法工作)

我正在使用引导折叠功能在我们的IBM Web门户中无法正常工作。它在“显示”功能上工作正常,但在“隐藏”功能上无效。

<a href="#demo" data-toggle="collapse"><span class=”icon”>Collapsible</span></a>

<div id="demo" class="collapse">
Sample Code 
</div>
Run Code Online (Sandbox Code Playgroud)

我在控制台窗口中看到的“ 区域扩大 ”的价值并没有在我们的崩溃改变,也没有改变类的名称,如“ 倒塌 ”和崩溃 ”。

如何解决。

websphere-portal twitter-bootstrap twitter-bootstrap-3

5
推荐指数
2
解决办法
2万
查看次数

Angular 2 Routing导航在新选项卡中运行(使用Angular Router naviagte)

如果使用router.navigate,如何打开新的浏览器选项卡。

this.router.navigate([]).then(result => { window.location.href = link; });
Run Code Online (Sandbox Code Playgroud)

angular-routing angular angular-router

5
推荐指数
2
解决办法
1万
查看次数

如何找到 HTMLAudioElement 音频结束播放

应用程序正在使用 JavaScript 中的 HTMLAudioElement 播放音频剪辑,如下所示,

mySound = new Audio([URLString]);
Run Code Online (Sandbox Code Playgroud)

URL 字符串将根据用户点击不断变化。

有什么方法可以找到 HTMLAudioElement 音频何时完成?我尝试了“结束”属性,但在音频播放完毕后没有调用该函数。

html javascript audio html5-audio web-audio-api

4
推荐指数
1
解决办法
1649
查看次数

反应式确认密码和确认电子邮件验证器角度 4

我需要使用反应式 angular 4+ 检查密码和确认密码字段是否具有相同的值。我确实在这里看到了很多相同的答案,Angular 4 表单验证重复密码,将验证器中的字段与 angular 4 进行比较,但似乎没有一个对我有用。

面对问题,如何在反应式方法中结合确认电子邮件和确认密码验证器。

确认电子邮件或确认密码工作正常。

   this.addEmpForm = new FormGroup({
      'name': new FormControl(null, Validators.required),
      'email': new FormControl(null, [Validators.required, Validators.email]),
      'cemail': new FormControl(null, [Validators.required, Validators.email]),
      'password': new FormControl(null, Validators.required),
      'cpassword': new FormControl(null, Validators.required)
    }, this.pwdMatchValidator);
  }

  emailMatchValidator(frm: FormGroup) {
    return frm.get('password').value === frm.get('cpassword').value
      ? null : { 'mismatch': true };
  }

  pwdMatchValidator(frm: FormGroup) {
    return frm.get('password').value === frm.get('cpassword').value
      ? null : { 'mismatch': true };
  }
Run Code Online (Sandbox Code Playgroud)

HTML

<span class="help-block" 
              *ngIf="addEmpForm.get('cemail').touched && cemail?.errors || 
              addEmpForm.get('cemail').touched && addEmpForm.errors?.mismatch"> …
Run Code Online (Sandbox Code Playgroud)

angular angular4-forms angular-forms angular6

4
推荐指数
1
解决办法
3867
查看次数

最好的方法来创建配置文件(config.php)php

我正在为我的项目创建一个数据库配置文件,但我不确定我的config.php是否安全.

如何修改此脚本以获得安全连接?

config.php文件

<?php
$username="root";
$password="";
$host="localhost";
$database="practise";
?>
Run Code Online (Sandbox Code Playgroud)

的index.php

<?php
include 'config.php';
$con=mysql_connect("$host","$username","$password") or die("Server Error");
mysql_select_db("$database") or die("Database error");

if($con==true)
{
    echo "Success";
}
else
{
    mysql_close($con);
}
?>
Run Code Online (Sandbox Code Playgroud)

php mysql

3
推荐指数
3
解决办法
4万
查看次数

使用JS将毫秒转换为SRT时间

我有这样的输入:

start: 0.21 | duration: 0.30 | text: Subtitle Text 1 
start: 0.32 | duration: 0.52 | text: Subtitle Text 2 
Run Code Online (Sandbox Code Playgroud)

这个输入需要转换成SRT格式,所以就变成了这样:

1
00:00:00,210 --> 00:00:00,300
Subtitle Text 1

2
00:00:00,320 --> 00:00:00,520
Subtitle Text 2
Run Code Online (Sandbox Code Playgroud)

JS:

function formatMilliseconds($milliseconds) {
    $seconds = Math.floor($milliseconds / 1000);
    $minutes = Math.floor($seconds / 60);
    $hours = Math.floor($minutes / 60);
    $milliseconds = $milliseconds % 1000;
    $seconds = $seconds % 60;
    $minutes = $minutes % 60;
console.log( $hours, $minutes, $seconds, $milliseconds); // 0 0 0 0.21 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery srt

2
推荐指数
1
解决办法
2167
查看次数

如何使用js在下载的文本文件中添加换行符

我试图以文本格式下载div内容.

我能够以txt格式下载div内容,但所有内容都是同一行.

我需要在每个元素中添加换行符.

function download() {
        var a = document.body.appendChild(
            document.createElement("a")
        );
        a.download = "export.txt";
        a.href = "data:text/html," + document.getElementById("show-data").innerHTML;
        a.click();
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show-data">
<p>one</p>
<p>two</p>
<p>Three</p>
</div>
<button onClick="download()">Download</button>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/1L2vmdhu/

html javascript jquery

2
推荐指数
1
解决办法
2054
查看次数

如何从iOS查找LinkedIn应用浏览器的用户代理字符串

当我们从IOS手机打开LinkedIn应用程序时,添加的用户代理字符串是什么。我想使用用户代理字符串从IOS检测LinkedIn应用程序,这是可以实现的。LinkedIn应用程序是否有针对不同设备的唯一用户代理字符串

user-agent

0
推荐指数
1
解决办法
1732
查看次数