Tag: HTMLinput

Chrome 5上的浮点数HTML 5 input type =“number”元素

我需要让用户input浮点数,所以我使用下面的元素: <input type="number" name="my_number" placeholder="Enter number"/> 在Firefox上效果很好,但是当我尝试input小数时,Chrome会抱怨数字不是整数。 这是我的情况的一个问题。 如果我input一个step属性,那么Chrome允许浮点数: <input type="number" name="my_number" placeholder="Enter number" step="0.1"/> 但那么问题是0.15不能进入…这step似乎不适合我的需要。 W3C规范在input type="number"的属性中提到了浮点数。 如何让Chrome接受没有step属性的浮点数?

如何alignmentinput内的文本?

对于所有默认input,您填写的文本从左侧开始。 你怎么让它开始在右边?

如何使文本input不可编辑?

所以我有一个文本input <input type="text" value="3" class="field left"> 这是我的CSS background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; 有没有一个设置或一个技巧,我正在考虑做一个标签,而不是样式。 我如何转换它们,有没有更好的方法,或者是唯一的方法?

文本input字段的CSSselect器?

我如何使用CSSselect器来定位“文本”types的input字段?

如何处理HTML5inputtypes数字的浮点数和小数点分隔符

我build立的Web应用程序,主要是为移动浏览器。 我使用数字types的input字段,所以(大多数)移动浏览器只调用数字键盘,以获得更好的用户体验。 这个Web应用程序主要用在小数点分隔符是逗号的地方,而不是点,所以我需要处理两个小数点分隔符。 如何用点和逗号掩盖整个混乱? 我的发现: 桌面版Chrome inputtypes=数字 用户input“4,55”input字段 $("#my_input").val(); 返回“455” 我无法从input中获得正确的值 桌面Firefox inputtypes=数字 用户input“4,55”input字段 $("#my_input").val(); 返回“4,55” 这很好,我可以用点replace逗号,并获得正确的浮动 Android浏览器 inputtypes=数字 用户input“4,55”input字段 当input失去焦点时,值被截断为“4” 迷惑用户 Windows Phone 8 inputtypes=数字 用户input“4,55”input字段 $("#my_input").val(); 返回“4,55” 这很好,我可以用点replace逗号,并获得正确的浮动 当用户可能使用逗号或点作为小数点分隔符,并且希望将htmlinputtypes保存为数字时,这种情况下的“最佳实践”是什么?以提供更好的用户体验? 我可以将逗号转换为点“绑定”,绑定关键事件,它是否与数字input工作? 编辑 Currenlty我没有任何解决scheme,如何从input哪个types设置为数字获得浮点值(作为string或数字)。 如果最终用户input“4,55”,Chrome总是返回“455”,Firefox返回“4,55”,这是很好的。 在Android(经过testing的4.2仿真器)中,当我input“4,55”到input字段并将焦点改变到其他地方时,input的数字被截断为“4”,这是非常烦人的。

如何阻止Chrome浏览器变黄我的网站的input框?

在表单提交,后validation等其他文本和视觉辅助工具中,我将我的input框设为红色,以表示需要注意的交互区域。 在Chrome(以及Google工具栏用户)上,自动填充function会将我的input表单重新着色为黄色。 这是一个复杂的问题:我希望自动完成允许在我的表单上,因为它加快了用户的login速度。我将检查能否将自动完成属性closures,如果/当有错误触发,但它是一个复杂的编码位以编程方式closures页面上单个受影响input的自动完成。 简而言之,这将是一个令人头疼的问题。 所以为了避免这个问题,有没有更简单的方法来阻止Chrome重新着色input框? 我尝试了!下面的重要build议,它没有效果。 我还没有检查Google工具栏,看看!重要的属性是否可以工作。 据我所知,除了使用autocomplete属性(看起来工作)没有任何其他的方法。

Html / PHP的 – 表单 – input数组

我有这样的表格 <form> <input type="text" class="form-control" placeholder="Titel" name="levels[level]"> <input type="text" class="form-control" placeholder="Titel" name="levels[build_time]"> <input type="text" class="form-control" placeholder="Titel" name="levels[level]"> <input type="text" class="form-control" placeholder="Titel" name="levels[build_time]"> </form> 我想作为$ _POST输出是像一个数组 Array ( [1] => Array ( [level] => 1 [build_time] => 123 ) [2] => Array ( [level] => 2 [build_time] => 456 ) ) 我知道我可以做一些像name =“levels [1] [build_time]”等等,但是因为这些元素是dynamic添加的,所以很难添加一个索引。 有没有其他的方法? […]

用jQuery改变input字段的types

$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); 这应该将id="password" typeinput字段( id="password" ) password为普通文本字段,然后填写“密码”文本。 这虽然不起作用。 为什么? 这里是表格: <form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"> <ol> <li> <div class="element"> <input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /> </div> </li> <li> <div class="element"> <input type="password" name="password" id="password" value="" class="input-text" /> </div> </li> <li class="button"> <div class="button"> <input type="submit" name="sign_in" […]

使用jQuery禁用/启用input?

$input.disabled = true; 要么 $input.disabled = "disabled"; 标准的方式是什么? 而且,相反,如何启用禁用的input?