标签: placeholder

我一直试图为朋友解决这个问题.他们有一个HTML5本地音乐播放器,允许用户拖放播放列表中的项目.然而,占位符的颜色没有显示出来,其他元素如高度和线高.这是JSFiddle,所以你可以看到我在说什么:http://jsfiddle.net/aYYUU/提前感谢您的帮助.

我通常可以使用类似的东西在表单中放置占位符

:placeholder => "something" or {:placehoder => "something"}

我对如何在select_date中放置月份和年份的占位符感到有点困惑.我正在使用这个

<%= select_date(date = Date.current, :order => [:month, :year]) %>

我希望在一个月和一年中有一个占位符

任何人都知道如何实现这一目标

谢谢

这一行是我的一种形式:

<%= question.answer %><%= f.text_field :answer, :placeholder => "Respond..." %>

它显示问题的答案并显示文本字段以更新答案.

唯一的问题是占位符文本永远不会显示,内容总是设置为答案内容而不是"响应..."作为占位符.

我可以在输入元素中创建我的标签(我的"消失的文本"):

HTML

<input name="firstName" type="text" maxlength="40" value="Enter your first name"
 onfocus="if(this.value==this.defaultValue)this.value=''" 
 onblur="if(this.value=='')this.value=this.defaultValue" />

然后设置样式,使我消失的文字消失(#333).并且当我开始在字段中输入值时,文本为黑色(#000).

CSS

input[type=text] {
    color: #333;
}
input[type=text]:focus {
    color: #000;
}

一切正常,直到你移动到下一个输入字段.然后,您刚输入值的字段会更改为#333颜色.我可以看到为什么会发生这种情况,但是#000如果输入字段已经输入了值,则无法完全了解如何将值保持为黑色.

在此先感谢您的协助和教育!

我有很多带有一些文本输入的模板,如下所示:

<input type="text" autocomplete="off" value="" placeholder="Keywords" name="keywords" id="keywords">

当用户单击该字段时,客户端要求我隐藏占位符值(示例中的关键字).我不知道如何用JS和JQuery做到这一点.有没有办法通过crossbrowser解决方案实现这一目标？

我有一个使用jQuery Mobile库和html5的移动网站.在这个网站上,我已经使用占位符标记输入(因为我隐藏了标签).

然而,我们都知道IE是不合适的,并且在IE10之前不支持占位符,但是我的客户希望这也能在IE9中工作(为什么他希望在移动网站上支持这个在我之外).

我已下载并安装了最新版本的modernizr脚本,但占位符仍未显示.有什么我需要做的才能使这项工作？

我包含的脚本:

<script src="/Scripts/jquery-2.0.3.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.mobile-1.3.1.js"></script>
<script src="/Scripts/modernizr-2.6.2.js"></script>

示例html输入

<input class="textbox" data-val="true" data-val-length="The field Surname * must be a string with a maximum length of 150." data-val-length-max="150" data-val-required="Please enter your surname." id="Surname" name="Surname" placeholder="Surame *" type="text" value="" />

示例小提琴

在我的ASP.Net页面中,我有PlaceHolder和Button.当用户单击此按钮时,我将一些UserControls从我的接口方法getControl添加到PlaceHolder.码:

    protected void ActionBtn_Click(object sender, EventArgs e)
    {
        if (provider != null)
        {
            actualObject = (PlaceHolder)provider.getControl();
            PlaceHolder1.Controls.Add(actualObject);
        }
    }

方法getControl:

    public object getControl()
    {
        ph = new PlaceHolder();

        exportInbBtn = new Button();
        exportInbBtn.Text = "Export Inventury";
        exportInbBtn.Click += new EventHandler(myButton_ServerClick);
        ph.Controls.Add(exportInbBtn);
        exportInbBtn.ID = "exportInbBtn";

        return ph;
    }

方法ASP页面中的Page_Load和Page_Init为空.问题是,当用户单击按钮exportInbBtn(带有文本:"Export Inventury")时,单击事件myButton_ServerClick将不会上升.只有网页刷新.我准备了一些答案,但我不知道如何轻松解决这个问题.

我想在输入时保持占位符静态.使用iOS的默认行为,一旦我们开始输入UITextField占位符就消失了.谢谢提前.

目前我尝试创建一个较小的mixin来为占位符添加样式.值通过对象传递.我现在的解决方案如下:

.placeholder(@rules){
   &::-webkit-input-placeholder, &:-moz-placeholder, 
   &::-moz-placeholder,&:-ms-input-placeholder{
      @rules();
   }
}

我试着像这样使用这个mixin:

input{
   .placeholder({color:green})
}    

因此产生的更少:

input::-webkit-input-placeholder, input:-moz-placeholder, 
input::-moz-placeholder, input:-ms-input-placeholder{
    color: green;
}

代码均衡已经像我想要的那样生成,但没有输入所希望的效果.但是,当我剪切代码并将其填入devtools时,它可以工作.有没有人发现错误.我不明白

 <select   class="form-control selectpicker" id="specialty_id" data-live-search="true"  tabindex="-98" name="specialty_id" >

                                <option selected="" value="0" id="ee" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == 0): ?>{{ 'selected="selected"' }} <?php endif; ?>>Choose a Sp</option>
                                  @foreach($searchdropdown['dsp'] as $dsptext)
                                    <option value="{{ $dsptext->spect }}" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == $dsptext->spect): ?>{{ 'selected="selected"' }} <?php endif; ?>>{{ $spdata->sp }}</option>

                                  @endforeach

                              </select>

如何在占位框的输入文本中添加占位符。该文本框是动态生成的。我对此进行了研究，但找不到任何有用的内容。请帮我。

例如：请参考此链接 https://silviomoreto.github.io/bootstrap-select/examples/#live-search