html – 文本字段标签占位符返回值

前端之家收集整理的这篇文章主要介绍了html – 文本字段标签占位符返回值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表单,里面有一个text_field_tag。它是这样写的
<%= text_field_tag "search",:placeholder => 'Enter search term...' %>

但是,当HTML生成时,返回页面源…

<input id="search" name="search" type="text" value="{:placeholder=&gt;&quot;Enter search 
term...&quot;}" />

为什么这样做,我如何解决它,以便占位符工作?

解决方法

text_field_tag的第二个参数是值。给它没有空:
<%= text_field_tag "search",nil,:placeholder => 'Enter search term...' %>

并给它一个字符串以具有默认值:

<%= text_field_tag "search",'Enter search term...' %>

用jQuery添加一个onclick事件来清空它:

<%= text_field_tag "search",'Enter search term...',:onclick => 'if($(this).val()=="Enter search term..."){$(this).val("");};' %>

编辑2016:

现在,大多数浏览器现在都支持HTML 5 placeholder,这样我们可以用更干净的方法来实现:

<%= text_field_tag 'search',placeholder: 'Enter search term' %>
# which produces the following HTML:
<input type="text" value="" placeholder="Enter search term">

jsFiddle link

原文链接:https://www.f2er.com/html/232565.html

猜你在找的HTML相关文章