Php Wordpress在HTML中嵌入表单时遇到的问题
我为我的网站创建了一个自定义html表单。如果我把所有的代码放在Wordpress页面中,一切都会正常工作。问题是,当我试图用一段短代码嵌入它时。最终的结果是不同的,因为标签和选择项是在线渲染的。请附上屏幕截图。有人能帮我吗?详情如下:Php Wordpress在HTML中嵌入表单时遇到的问题,php,html,wordpress,Php,Html,Wordpress,我为我的网站创建了一个自定义html表单。如果我把所有的代码放在Wordpress页面中,一切都会正常工作。问题是,当我试图用一段短代码嵌入它时。最终的结果是不同的,因为标签和选择项是在线渲染的。请附上屏幕截图。有人能帮我吗?详情如下: add_shortcode("searching_form", "searching_form_render"); function searching_form_render() { return'<form class="searchin
add_shortcode("searching_form", "searching_form_render");
function searching_form_render() {
return'<form class="searching_form" name="input" action="demo_form_action.asp" method="get">
<div class="field">
<label>Search Practitioners & Therapists</label>
<select name="Select a Therapy">
<option value="0" classname="invalid">Select a Therapy...</option>
<option value="1">Deep Tissue Massage</option>
<option value="2">Remedial Massage</option>
<option value="3">Relaxation & Pregnancy Massage</option>
<option value="4">Reflexology</option>
<option value="5">Lymphatic Drainage Massage</option>
<option value="6">Shiatsu</option>
</select>
<span>e.g. yoga, naturopath</span>
</div>
<div class="field">
<label>Where?</label>
<select name="Select Location">
<option value="0">ALL</option>
<option value="1">NSW</option>
<option value="2">QLD</option>
<option value="3">SA</option>
<option value="4">TAS</option>
<option value="5">VIC</option>
<option value="6">WA</option>
</select>
<span>e.g. NSW</span>
</div>
<div class="field">
<input class="search_button" type="submit" value="Search">
</div>
<div class="clear"></div>
</form>';
}
添加显示:块;属性到。正在搜索表单标签,也可以到。正在搜索表单选择
.searching_form {
padding: 22px;
webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
margin-bottom: 44px;
background-color: #004062;
}
.searching_form label {
color: white;
font-size: 16px;
font-weight: bold;
margin-left: 4px;
}
.searching_form span {
color: cyan;
margin-left: 4px;
}
.searching_form select {
font-size: 14px;
font-weight: normal;
padding: 10px;
height: 40px;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #fafafa;
margin-top: 5px;
margin-bottom: 5px;
}
.searching_form .field {
float: left;
margin-right: 12px;
}
.searching_form .search_button {
border: 1px solid #006;
background-color: #FAA21B;
display: block;
padding: 11px 20px;
font-weight: bold;
margin-left: 6px;
webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: white;
cursor: pointer;
}
.searching_form .search_button:hover {
background-color: #faae3a;
}
.clear {
clear:both;
height:0px;
width:0px;
display:table;
content:"";
}