Questions tagged «html-input»

输入元素表示一个类型化的数据字段,通常带有一个表单控件以允许用户编辑数据。

30
使用CSS更改HTML5输入的占位符颜色
Chrome支持元素上的占位符属性input[type=text](其他可能也支持)。 但是以下CSS内容对占位符的价值没有任何作用: input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> 运行代码段隐藏结果展开摘要 Value仍将保留grey而不是red。 有没有办法改变占位符文本的颜色?


15
<button>与<input type =“ button” />。使用哪个?
查看大多数站点(包括SO)时,大多数使用: &lt;input type="button" /&gt; 代替: &lt;button&gt;&lt;/button&gt; 两者之间的主要区别是什么? 是否有正当理由使用一个而不是另一个? 是否有使用它们的有效理由? &lt;button&gt;看到使用不是很广泛时,使用是否会带来兼容性问题?

20
在jQuery中删除事件处理程序的最佳方法?
我有一个input type="image"。这就像Microsoft Excel中的单元格注释一样。如果有人在input-image与之配对的文本框中输入数字,则为设置事件处理程序input-image。然后,当用户单击时image,他们会弹出一个小窗口,以向数据添加一些注释。 我的问题是,当用户在文本框中输入零时,我需要禁用input-image的事件处理程序。我尝试了以下方法,但无济于事。 $('#myimage').click(function { return false; });
1053 jquery  html-input 

14
如何使用JavaScript获取文本输入字段的值?
我正在使用JavaScript进行搜索。我会使用一种表格,但是它弄乱了我页面上的其他内容。我有此输入文本字段: &lt;input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/&gt; 这是我的JavaScript代码: &lt;script type="text/javascript"&gt; function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } &lt;/script&gt; 如何从文本字段获取值到JavaScript?


8
HTML复选框的选中属性的正确值是多少?
我们都知道如何在HTML中形成复选框输入: &lt;input name="checkbox_name" id="checkbox_id" type="checkbox"&gt; 我不知道-选中的复选框的技术上正确的值是多少?我看过所有这些工作: &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true"&gt; 运行代码段隐藏结果展开摘要 答案没关系吗?我看到标记为正确答案,没有证据这里从规范本身: 复选框(和单选按钮)是可以由用户切换的开/关开关。设置控制元素的选中属性时,开关为“ on”。提交表单后,只有“启用”复选框控件才能成功。表单中的多个复选框可以共享相同的控件名称。因此,例如,复选框允许用户为同一属性选择多个值。INPUT元素用于创建复选框控件。 规范作者会说正确的答案是什么?请提供基于证据的答案。


9
如何使文本输入不可编辑?
所以我有文字输入 &lt;input type="text" value="3" class="field left"&gt; 这是我的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; 是否有设置或技巧,我当时在考虑制作标签,但样式如何。我该如何转换它们?有没有更好的方法?还是那是唯一的方法?
344 html  css  html-input 


29
使用jQuery更改输入字段的类型
$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); 这应该更改的#password输入字段(带有id="password")type password为普通文本字段,然后填写文本“ Password”。 但是,它不起作用。为什么? 形式如下: &lt;form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"&gt; &lt;ol&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="password" name="password" id="password" value="" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li class="button"&gt; &lt;div class="button"&gt; &lt;input …

13
电话:用于文字输入的数字键盘
有没有一种方法可以强制数字键盘在电话上显示&lt;input type="text"&gt;?我刚刚意识到&lt;input type="number"&gt;HTML5中是用于“浮点数”的,因此它不适用于信用卡号,邮政编码等。 我想模拟的数字键盘功能&lt;input type="number"&gt;,以接受采用浮点数以外的数字值的输入。也许有另一种合适的input类型吗?

13
如何阻止Chrome将网站的输入框泛黄?
在表单提交,验证后的其他文本和视觉辅助工具中,我将输入框涂成红色以表示需要注意的交互式区域。 在Chrome(针对Google工具栏用户)上,自动填充功能将我的输入表单重新着色为黄色。这是一个复杂的问题:我希望在表单上允许自动完成,因为这可以加快用户登录的速度。如果/当触发错误时,我将检查是否可以将自动完成属性关闭,但是这很复杂一点编码以编程方式关闭页面上单个受影响输入的自动完成功能。简而言之,这将是一个严重的头痛。 因此,为避免发生该问题,有没有更简单的方法可以阻止Chrome重新为输入框重新着色? [edit]我尝试了下面的!重要建议,但没有任何效果。我尚未检查Google工具栏,以查看!important属性是否适用于此。 据我所知,除了使用autocomplete属性(确实起作用)之外,没有任何其他方法。


7
从JQuery中的文件输入获取数据
我实际上有一个文件输入,我想检索该文件的Base64数据。 我试过了: $('input#myInput')[0].files[0] 检索数据。但是它仅提供名称,长度,内容类型,而不提供数据本身。 我实际上需要这些数据才能将它们发送到Amazon S3 我已经测试过API,当我通过html形式以“ multipart / form-data”编码类型发送数据时,它就可以工作。 我使用了这个插件:http : //jasny.github.com/bootstrap/javascript.html#fileupload 这个插件为我提供了图片预览,并在图片预览的src属性中检索了数据。但是,当我将这些数据发送到S3时,它不起作用。我可能需要对数据进行编码,例如“ multipart / form-data”,但我不知道为什么。 有没有一种方法可以检索这些数据而无需使用html表单?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.