占位符值从右侧而不是左侧开始写入?

Posted

技术标签:

【中文标题】占位符值从右侧而不是左侧开始写入?【英文标题】:Placeholder Value starts writing from right insted of left? 【发布时间】:2015-08-29 10:14:06 【问题描述】:

我正在 Wordpress 中构建博客主题,并且我希望我的输入搜索框值在我进行任何搜索时变成占位符值。我已经取得了成功,但是每当我在我的搜索框中输入任何值时,该值都会开始从右侧填充表单,而不是从左侧填充。

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
<label>
<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
<input type="search" class="search-field" placeholder="
        <?php if(get_search_query())
            echo get_search_query();
        else
            echo esc_attr_x( 'Search anything', 'placeholder' );
        
        ?>" value="" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
</label>
<input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button' ) ?>" />
</form>

我是 WordPress 主题开发的新手,请帮助我,我们将不胜感激。

下面有代码。

 <input type="search" class="search-field" placeholder="
    <?php if(get_search_query())
        echo get_search_query();
    else
        echo esc_attr_x( 'Search anything', 'placeholder' );
    
    ?>" value="" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />

【问题讨论】:

设置 padding-right 或 margin-right.. 【参考方案1】:

如果我没听错的话,可能是文本对齐问题。

How to align texts inside of an input?

尝试文本对齐:左;关于 CSS 类“搜索字段”

【讨论】:

我已经使用过 CSS 但它不起作用。我在使用 CSS 后放置的文本正在工作,但在进行搜索后它不起作用。

以上是关于占位符值从右侧而不是左侧开始写入?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 CSS 设置占位符值?

在 iOS 中输入日期占位符值

用点击的 span 标签的 innerHTML 替换占位符值

如何使用左侧的占位符和右侧的编辑文本创建 UITextField?

spring xml中的默认占位符值

Angular:如何更改输入类型 =“日期”占位符值