草庐IT

search_field

全部标签

javascript - 怎么把放大镜和 "search"放到搜索输入框里,像StackOverflow一样?

假设仅使用CSS是可行的,但想知道是否有人可以共享代码。猜测放大镜是背景图片,但需要JavaScript去除焦点上的“搜索”。此外,您如何在点击“返回”而不是需要“搜索”提交按钮时提交它? 最佳答案 涉及多个元素。使用ChromeDevTools(F12)检查这些东西。 关于javascript-怎么把放大镜和"search"放到搜索输入框里,像StackOverflow一样?,我们在StackOverflow上找到一个类似的问题: https://stack

jQuery 手机 : Numbers only input field?

我正在制作一个基于jQueryMobile的网站。在特定领域,我只想接受数字,或更准确地说是4位数字。我注意到slider输入会执行此操作(当您点击手机上的字段时,它会弹出一个“仅数字键盘”)。但是我对slider本身不感兴趣,因为我希望用户输入一个准确的数字(例如4687有点难以通过触摸手机上的slider实现)。是否有slider的替代品,或者是否有隐藏实际slider的巧妙方法?Length 最佳答案 使用输入类型的数字。不要放弃服务器端验证! 关于jQuery手机:Numbers

html - nested_form/茧 : is it okay to use table rows for nested fields?

我通常不为表单使用表格,但是当有嵌套表单时(当使用nested_form或cocoongem时),是否可以将每组表单元素放在表格行中?对我来说,这似乎很直观:表格中的每一行都代表一个对象。但是nested_form和cocoongem都没有在默认情况下在它们的示例中添加表格,所以我想知道使用表格是否不是最好的方法? 最佳答案 是的。如果您要输入表格数据,那么您应该使用表格。我没有测试以下示例,但我认为它应该可以工作。假设您正在构建包含一堆订单项的收据,每个订单项都有描述和价格。在您看来:%table%thead%tr%thDescr

javascript - knockout : limit number of characters in an observable field

我的KnockoutView模型中有一个可观察的名称字段。现在我想限制这个字段中的字符数,如果它超过一定数量。如果name="johnsmith"然后我有6个字符的限制显示“约翰...” 最佳答案 另一个可重用的解决方案是创建一个自定义绑定(bind)来显示文本的trim版本。这允许底层值不受影响,但为了显示目的trim文本。这对于消息预览或将数据放入网格列中很有用。示例绑定(bind):ko.bindingHandlers.trimLengthText={};ko.bindingHandlers.trimText={init:fu

html - 有没有办法在 text_field_tag 上设置必需的属性?

在text_field中,可以执行以下操作来设置required属性。true%>但是,对于text_field_tag,如果我执行相同的操作,则输出html会改为设置value属性,这是不正确的。true%>输出:true}">text_field_tag不支持required吗?解决它的好方法是什么? 最佳答案 尝试:text_field_tag(name,value=nil,options={})true%>当您向助手提供选项时,您必须传递value参数的值。 关于html-有没有

html - rails : Converting a text field's linebreaks into <br/>

我的模型中有一个名为“about”的文本字段,我试图在显示页面上显示它,但没有正确显示换行符。我已经尝试了很多东西,但我最终找到的代码是:")%>不幸的是,Rails似乎正在转义所需的HTML并将这些换行符输出为Thanksforthefish,guys!NotlikeIwantedit,but...uh...thanks?<br/>如何正确地将文本字段的“\n”换行符转换为实际的换行符HTML?我也已经尝试过简单格式,但无济于事......我正在使用Rails3,“about”的前几行是:Thanksforthefish,guys!NotlikeIwantedit,but

css - input type=search 不接受高度

我正在尝试使inputtype="search"变高,但CSS不会影响它。我的代码是这样的:HTML:CSS:input{width:100%;height:100px;}但它不起作用。看看fiddlehere 最佳答案 参见http://trentwalton.com/2010/07/14/css-webkit-appearance/Webkit默认(劫持)使用本地搜索字段,但您可以使用以下方式覆盖它:-webkit-appearance:none; 关于css-inputtype=s

html - 如何在文本输入字段中添加 "search"按钮?

如何创建与thissite中的元素类似的“搜索”元素?如果我们查看源代码,他有一个文本框,后面跟着一个。标签。我在哪里可以获得类似的“放大镜”图像? 最佳答案 将图像放入span中,例如使用background-image,然后给它一个相对位置并将其向左移动,使其与搜索框的右端重叠,例如:#g-search-button{display:inline-block;width:16px;height:16px;position:relative;left:-22px;top:3px;background-color:black;/*R

javascript - knockout JS : How to update view model after a user copy'n'paste into a text field?

我在一个网站上工作,该网站在用户在输入文本框中输入一些文本后自动将搜索结果填充到表格中(类似于谷歌即时搜索)。当用户通过添加输入信息时,我设法让knockoutjs更新View模型valueUpdate:'afterkeydown'但是,在我的数据绑定(bind)属性中,我还需要处理用户右键单击并将一些文本粘贴到文本框中的情况,所以我尝试了:valueUpdate:['afterkeydown','mouseup']但这没有用,当我尝试通过View模型读取文本框的值时,我一直在获取旧值,直到我跳出输入文本框。。p>有人知道我该如何解决这个问题吗?奥斯卡 最佳

ruby - 在 Rails 中使用 autofocus 和 text_field 表单助手

如何包含“autofocus”'HTML5上的属性表格使用text_fieldRails中的表单助手?例如自动对焦去哪儿了?谢谢 最佳答案 f.text_field:email,autofocus:true 关于ruby-在Rails中使用autofocus和text_field表单助手,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2866629/