占位符值从右侧而不是左侧开始写入?
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 后放置的文本正在工作,但在进行搜索后它不起作用。以上是关于占位符值从右侧而不是左侧开始写入?的主要内容,如果未能解决你的问题,请参考以下文章
用点击的 span 标签的 innerHTML 替换占位符值