WordPress的自定義聯繫人窗體的html頁面

-1

喜

裏面每個人+ PHP我有我的聯繫方式在HTML和PHP（2個不同的文件，一個HTML和一個PHP文件）準備好，我想在一個頁面worpress使用它。用戶填寫表格，選擇支持部門應答驗證碼並按提交按鈕。表單通過電子郵件將所有表單數據發送給管理員，感謝您通過電子郵件發送給用戶並重定向至感謝頁面。 HTML表單是WordPress的自定義聯繫人窗體的html頁面

<html> 
<body> 
<head> 
<script src="http://www.google.com/recaptcha/api.js" async defer>   </script> 
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script> 
</head> 
<i>Use the form to get in touch with us.</i> 


<form action="form.php" method="POST"> 

<strong>Name:*</strong> 

<input style="width:300px;" name="username" type="text" required /> 

<strong>E-mail Adress:*</strong> 

<input style="width:300px;" name="useremail" type="text" required /> 

<strong>Subject:*</strong> 

<input style="width:300px;" name="usersubject" type="text" required /> 

<strong>Message:*</strong> 

<textarea style="width:300px;" cols="40" name="usermessage" rows="5"  required></textarea> 

<strong>Select Support Department </strong> 

<select name="support"> 
<option style="width:200px;" value="" >Choose Service</option> 
<option style="width:200px;" value="[email protected]"   required>Technical support</option> 
<option style="width:200px;" value="[email protected]"  required>Sales</option> 
<option style="width:200px;" value="[email protected]" required>Press</option> 
<option style="width:200px;" value="[email protected]" required>Other</option> 
</select> 

//recaptcha 
<div class="g-recaptcha" data- sitekey="------my site key---------"></div> 

<input type="submit" value="send" name="submit"/> 

//it redirects when you hit submit 
<?php 
if (isset($_POST['submit'])){ 
header("Location:http://xxxxxxxxx.com/thank-you-messasge/"); 
} 
?> 
</form> 

</html> 
</body>

我form.php的是

<? 
    //set up the message for administrator 
$msg="Name:".$_POST["username"]."\n"; 
$msg .="E-mail:".$_POST["useremail"]."\n"; 
$msg .="Subject:".$_POST["usersubject"]."\n"; 
$msg .="Usermessage:".$_POST["usermessage"]."\n"; 

//set up message for customer 

$msg_customer="We received your request and we will answer you within  24 hours."; 
$msg_customer.="\n"."xxxxxxxxxxxxxx"; 

//set up the email for the administrator 
$recipient=$_POST["support"]; 
$subject= "Support Contact Form "; 
$mailheaders="From: xxxxxxxx [email protected] \n"; 

//set up the email for the customer 
$recipient_customer=$_POST["useremail"]; 
$subject_customer= "Support Contact Form "; 
$mailheaders_customer="From: xxxxxxxxxx [email protected] \n"; 
//send the emails 
mail($recipient,$subject,$msg, $mailheaders); 
mail($recipient_customer,$subject_customer,$msg_customer,  $mailheaders_customer); 

?>

我想這種形式出現在一個頁面上，並能夠在按下提交按鈕時運行的PHP代碼。我不能運行form.php的文件，即使我將它保存在根目錄下。看來我失去的東西非常感謝你

來源

2015-02-09 xbass540

要解決你的表單中，按F12在瀏覽器中訪問開發工具菜單，看看網絡面板上，當您提交表單會發生什麼。這應該會給你一些關於失敗的線索。

而且，你不應該直接使用未經過濾的$_POST變量，如：

$name = sprintf("Name:%s\n", filter_input(INPUT_POST, 'username', FILTER_SANITIZE_STRING));

來源

2015-02-09 22:52:03 cpilko

喜。也許我沒有讓我自己清楚。這是一個工作的HTML格式，有一個工作的PHP文件，當我測試它在本地工作正常。問題是我如何設法在wordpress頁面中使用它？我希望這不會超出stackoverflow的範圍，因爲它是我的第一篇文章。我發現很多關於wordpress的帖子，儘管沒有一個是有用的。 – xbass540 2015-02-09 23:06:30

你可以只複製和形式HTML粘貼到網頁的'code'觀點，但TinyMCE有搞亂複雜的HTML的方式。一個更好的臥牛是創建表單代碼[頁面模板]（http://codex.wordpress.org/Page_Templates）（複製從你的主題現有模板）。你也可以[做一個簡碼]（http://codex.wordpress.org/Shortcode）插入你的代碼。 – cpilko 2015-02-09 23:12:31

好的。我正在使用編輯器的文本模式，所以這種方式我沒有得到我的代碼剝離。但關於：

-1

我找到出路：我複製 /粘貼在網頁代碼視圖裏面的html表單，我絕對鏈接到我PHP文件 <form action="http://example.com/php_file_directory/form.php" method="POST">

來源

2015-02-10 00:33:57 xbass540

WordPress的自定義聯繫人窗體的html頁面

回答

相關問題