我為我的網站創建了一個自定義的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:"";

}

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的短代码 html,WordPress的短代码问题嵌入HTML格式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。