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

Posted 2023-03-05

【中文标题】占位符值从右侧而不是左侧开始写入？

【英文标题】：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 后放置的文本正在工作，但在进行搜索后它不起作用。