标签: html-input

如何在jQuery中选择数字类型的所有输入？

以下代码不起作用:

$(':input[type="number"]').click(function () { 
   alert('hello'); 
});

谢谢.

我目前正在处理一个html表单.如何将密码的最小长度设置为8,以便拒绝用户输入的小于8的密码.如何执行此操作？

这是代码:

<div id="login-form">
            <form method="post">
            <table align="center" width="30%" border="0">
            <tr>
            <td><input type="text" name="email" placeholder="Your Email" required /></td>
            </tr>
            <tr>
            <td><input type="password" name="pass" placeholder="Your Password" required /></td>
            </tr>
            <tr>
            <td><button type="submit" name="btn-login">Sign In</button></td>
            </tr>
            <tr>
            <td><a href="register.php">Sign Up Here</a></td>
            </tr>
            </table>
            </form>
        </div>

我想在模态视图中从我的html输入标签中获取文件名,并使用Angular2保存它.有人能帮我吗？

我正在为一个网站进行简单的javascript登录,并提出了这个问题:

<form id="loginwindow">
<strong>Login to view!</strong>
<p><strong>User ID:</strong>
  <input type="text" name="text2">
</p>
<p><strong>Password:</strong>
<input type="password" name="text1"><br>
  <input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"username",text1.value,"password") />
</p>

</form>
<script language = "javascript">

function validate(text1,text2,text3,text4)
{
 if (text1==text2 && text3==text4)
 load('album.html');
 else 
 {
  load('failure.html');
 }
}
function load(url)
{
 location.href=url;
}
</script>

...除了一件事以外的工作:点击输入提交表格不做任何事情.我有一种感觉,因为我使用过"onclick",但我不确定要使用什么.思考？

好的,所以我很清楚这是多么脆弱这是安全方面的.这不是什么特别的绝密,所以这不是一个大问题,但如果你们能用代码详细阐述你的想法,我很乐意看到你的想法.我列出的代码实际上就是我正在使用的所有代码,所以如果需要,我可以从头开始.

我有一个文本框(设置为只读),我需要选择其内容,以便在获得焦点时轻松复制/粘贴.使用下面的代码似乎只是快速选择文本,然后出于某种原因取消选择它.

HTML

<input id='thing' type='text' value='some text' readonly='readonly' />?

JavaScript的

document.getElementById('thing').onfocus = function(){
    this.select();
};?

小提琴:http://jsfiddle.net/cfqje/

我在引号中加上"回归错误"这个词,因为这显然有一些不一致的意见.有关详细信息,请访问Bugzilla中的Bug 24796.

简而言之,Google Chrome根据最新版本的WhatWG规范实施了更改:http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type- attr-summary从字段 中删除了以下属性和方法<input type="number"/>.

属性:

• selectionStart
• 选定结束

方法:

• 选择()
• setSelectionRange(开始,结束)

(还有其他但这些是常用的关键)

如果您检查HTMLInputElement尝试调用方法的"数字"实例或请求属性将引发异常,则定义方法.:-(

恕我直言这是一个错误(因为功能已被删除,没有任何收获......并且有1,000个网站/应用程序通过JavaScript为这些数字输入字段提供扩展行为......但我离题了(对于那些希望要解决它请使用上面列出的bug帖子))

TL; DR

出于可用性目的,我当然希望并计划继续使用<input type="number"/>字段,因为它们向用户代理提供"提示",如果在移动设备(智能手机/平板电脑/？)上,我希望在字段为时显示数字键盘专注于默认的alpha键盘.

但是对于当前版本的Chrome(版本33.0.1750.146)和盲目实现此规范更改的任何其他浏览器,我想安全地将渲染字段转换回 <input type="text"/>

笔记:

• 在修改其内容时尝试动态更改这些字段已证明是不成功的,因为字段在更改type属性时会丢失其选择范围.
• 我确实有一个我想出的解决方案,我很快就会发布,但我想确保这个问题/答案适用于遇到此问题的所有开发人员

HTML输入(<input type="text">)的默认最大长度是524288字符.这似乎是一个非常特殊的数字,为什么选择它？

我想用一个<input>元素输入最多八个小数点的数字.但是,如果我有一个<input type="number" step="0.00000001">并使用输入元素上的向上/向下箭头(在Chrome上;这里是jsfiddle),那么我得到小数字的科学记数法:

如果我输入5,然后按箭头键,则会抑制科学记数法:

有没有办法让浏览器显示1e-8为0.000000001？

此外,这里是否有任何危险,如果数量足够小,我会遇到浮点舍入错误？

<input type="number" step="0.00000001">

我需要创建一个科学输入滑块。更确切地说：

• n 个刻度，例如：无论范围（0 - 200、1 - 11 等），我想要 11 个刻度覆盖整个范围
• 每个刻度下方的数值标签
• 当滑块光标靠近刻度线时，没有“粘合”吸引力效果

小样：

笔记：

• 由于这 3 点，这与 type="range" HTML 输入的 Ticks 不重复。

• 浏览器支持：至少 Chrome

以下代码生成一个带有刻度的 HTML 滑块，并且它可以工作。然而，它不符合上述第二个和第三个标准。

input { width: 400px; }

<input type=range min=0 max=200 value=0 step=1 list=tickmarks>
<datalist id=tickmarks>
    <option>0</option>
    <option>20</option>
    <option>40</option>
    <option>60</option>
    <option>80</option>
    <option>100</option>
    <option>120</option>
    <option>140</option>
    <option>160</option>
    <option>180</option>
    <option>200</option>
 </datalist>

HTML 是否有一个属性<input type="range">可以启用这些“数字标签”刻度？

满足所有三个标准的实施是否可能？

而不是总是可以显示输入"数字"的向上/向下箭头？,我希望能够使箭头更大更清洁.

我现在拥有的:

我需要让它们像这样大: