如何修复WordPress搜索表单中没有关联标签的表单元素(无按钮)

时间：2020-09-03 作者：Rajesh Patel

有什么方法可以修复；表单元素没有关联的标签“；在没有搜索按钮的WordPress搜索表单中发布。

谷歌灯塔审计：

表单元素没有关联的标签。标签确保表单控件通过辅助技术（如屏幕阅读器）正确发布。失败的元素输入

<input type="text" value="Search" name="s" id="psf" onblur="if (this.value == \'\') {this.value = \'Search\';}" onfocus="if (this.value == \'Search\') {this.value = \'\';}">
我想在表单中添加标签，但不显示搜索按钮？

我在Wordpress网站中使用此代码显示搜索表单：

<div id="psform"> 
<?php $search_text = "Search"; ?> 
<form method="get" id="searchform"  
action="<?php bloginfo(\'home\'); ?>/"> 
<input type="text" value="<?php echo $search_text; ?>"  
name="s" id="psf"  
onblur="if (this.value == \'\')  
{this.value = \'<?php echo $search_text; ?>\';}"  
onfocus="if (this.value == \'<?php echo $search_text; ?>\')  
{this.value = \'\';}" /> 
<input type="hidden" id="searchsubmit" /> 
</form> </div>
代码位于https://tumrai.com/WordPress_Search_Form_without_Search_Button

1 个回复
SO网友:Raashid Din

使用<label> 标记之前<input> 像这样。

<label>Email Adress:
    <input type="text">
</label>
这是一种简单的方法。如果不需要显示submit按钮，您可以省略它的使用。

这是你修改过的代码。

<div id="psform"> 
    <?php $search_text = "Search"; ?> 
    <form method="get" id="searchform" action="<?php echo home_url(); ?>"> 
        <label>Email Adress:
            <input type="text" value="<?php echo $search_text; ?>" name="s" /> 
        </label>
    </form>
</div>

Edit:

如果要向搜索表单添加标题，可以使用任何标题标记。如果您需要任何其他帮助，请随时询问。

标签： search   forms   小码农  

相关推荐

Caldera Forms Manual formula

我对火山口的形状有点小问题。我正试图根据预订行程的人数来计算汽车数量。假设1-4个人，那么它的容量是1辆车，但是如果5到8个人，那么它就有2辆车。我怎样才能写出这个公式？我尝试了很多东西，但都不管用。非常感谢。