短代码 html,WordPress的短代码问题嵌入HTML格式

我为我的网站创建了一个自定义的html表单。如果我把所有的代码放在Wordpress页面中，一切正常。问题是，当我尝试用短代码嵌入它时。最终的结果是不同的，因为标签和选择的项目在线显示。在附上屏幕截图。有人能帮我吗？嵌入进来低于：WordPress的短代码问题嵌入HTML格式

add_shortcode("searching_form", "searching_form_render");

function searching_form_render() {

return'

Search Practitioners & Therapists

Select a Therapy...

Deep Tissue Massage

Remedial Massage

Relaxation & Pregnancy Massage

Reflexology

Lymphatic Drainage Massage

Shiatsu

e.g. yoga, naturopath

Where?

ALL

NSW

QLD

SA

TAS

VIC

WA

e.g. NSW

';

}

这是CSS代码：

.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:"";

}