当使用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)
此解决方案无法按预期工作.
有没有办法完成我想要做的事情?
我按照下面的方式划分了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)
请在下面找到此代码的可视布局.
我划分网格列的方法是正确还是错误?
我正在尝试实现响应列表宽度文本溢出:省略号; 在第一个看起来像这样的单元格:
单行文本太长,必须... | 按钮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)
我对正则表达式有点陌生,正在为需要使用正则表达式的数量字段编写验证。
如何匹配所有小于或等于 24 的数字?
我试过
var pat = /^[1-9]$|^[1-2]\d$|^3[0-6]$/;
Run Code Online (Sandbox Code Playgroud)
但这只匹配 1-24。有没有一种简单的方法来匹配所有小于或等于 24 的可能数字?
我正在使用引导折叠功能在我们的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)
我在控制台窗口中看到的“ 区域扩大 ”的价值并没有在我们的崩溃改变,也没有改变类的名称,如“ 倒塌 ”和崩溃的 ”。
如何解决。
如果使用router.navigate,如何打开新的浏览器选项卡。
this.router.navigate([]).then(result => { window.location.href = link; });
Run Code Online (Sandbox Code Playgroud) 应用程序正在使用 JavaScript 中的 HTMLAudioElement 播放音频剪辑,如下所示,
mySound = new Audio([URLString]);
Run Code Online (Sandbox Code Playgroud)
URL 字符串将根据用户点击不断变化。
有什么方法可以找到 HTMLAudioElement 音频何时完成?我尝试了“结束”属性,但在音频播放完毕后没有调用该函数。
我需要使用反应式 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) 我正在为我的项目创建一个数据库配置文件,但我不确定我的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) 我有这样的输入:
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) 我试图以文本格式下载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)
当我们从IOS手机打开LinkedIn应用程序时,添加的用户代理字符串是什么。我想使用用户代理字符串从IOS检测LinkedIn应用程序,这是可以实现的。LinkedIn应用程序是否有针对不同设备的唯一用户代理字符串