html語法
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>線上郵寄系統</title>
<script language="javascript">
function checkForm(){
if(document.myForm.from_name.value==""){
alert("請填寫姓名!");
document.myForm.from_name.focus();
return false;
}
if(document.myForm.from_email.value==""){
alert("請填寫電子郵件!");
document.myForm.from_email.focus();
return false;
}
if(!checkmail(document.myForm.from_email)){
document.myForm.from_email.focus();
return false;
}
if(document.myForm.subject.value==""){
alert("請填寫主旨!");
document.myForm.subject.focus();
return false;
}
if(document.myForm.message.value==""){
alert("請填寫內容!");
document.myForm.message.focus();
return false;
}
return confirm('確定送出嗎？');
}
function checkmail(myEmail) {
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(filter.test(myEmail.value)){
return true;
}
alert("電子郵件格式不正確");
return false;
}
</script>
</head>
<body>
<form action="sendmail01.php" method="post" enctype="multipart/form-data" name="myForm"
onSubmit="return checkForm();">
<table width="430" align="center" cellspacing="2" cellpadding="3">
<tr bgcolor="#FFFFA1">
<td width="10%">您的暱稱</td>
<td>
<input type="text" name="from_name" size="10">
</td>
</tr>
<tr bgcolor="#FFFFA1">
<td>聯絡信箱 </td>
<td width="63%">聯絡信箱
<input type="text" name="from_email" size="30">
</td>
</tr>
<tr bgcolor="#FFFFA1">
<td>郵件格式 </td>
<td colspan="2">
<input type="radio" name="format" value="html" checked>HTML
<input type="radio" name="format" value="plain">純文字
</td>
</tr>
<tr bgcolor="#FFFFA1">
<td>郵件主旨</td>
<td colspan="2">
<input type="text" name="subject" size="30">
</td>
</tr>
<tr bgcolor="#FFFFF0">
<td >郵件內容</td>
<td colspan="2">
<textarea name="message" cols="45" rows="5"></textarea>
</td>
</tr>
<tr bgcolor="#CCCCFF">
<td>附加檔案</td>
<td colspan="2">
<input type="file" name="myfile" size="50">
</td>
</tr>
</table>
<div style="position:absolute;top:-5000px;left:-5000px;"><p>收件者:
<input name="to_name" type="text" value="rober" size="10">
電子郵件信箱
<input name="to_email" type="text" value="eagleshen1024@yahoo.com.tw" size="30"></p></div>
<p align="center">
<input type="submit" name="Submit2" value="傳送郵件"> <input style="margin-left:50px;" type="reset" name="Submit2" value="重填">
</p>
</form>
</body>
</html>
php語法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>線上客服系統</title>
<style>
input{width:250px; border:solid 1px #ccc;}
textarea{width:300px; height:100px; border:solid 1px #ccc;}
table{font-size:12px; color:#666; border:solid 1px #C1C1C1;}
table tr td{padding:7px;}
.btn{background:#fff; width:auto;}
</style>
<script>
function checkform(){
var name=document.getElementById("sndname").value;
var mail=document.getElementById("sendmail").value;
var subject=document.getElementById("subject").value;
var mailbody=document.getElementById("sendbody").value;
if(name !="" && mail!="" && subject!="" && mailbody!=""){
document.form1.submit();
}else{
alert("請確認下列欄位是否都已填寫:\n1.姓名\n2.Email\n3.回應類別\n4.回應內容");
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="sendmail.php"><br />
<h2 style="width:400px; margin:0 auto; color:#333333;">線上客服系統</h2>
<table width="400" height="211" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="71" align="center" bgcolor="#e7e7e7">姓名</td>
<td width="314" bgcolor="#e7e7e7"><label>
<input type="text" name="sndname" id="sndname" />
</label></td>
</tr>
<tr>
<td align="center">Email</td>
<td><input type="text" name="sendmail" id="sendmail" /></td>
</tr>
<tr>
<td align="center" bgcolor="#E7E7E7">回應類別</td>
<td bgcolor="#E7E7E7">
<select name="subject" id="subject">
<option value="站務問題" selected="selected">站務問題</option>
<option value="合作提案">合作提案</option>
<option value="其它問題">其它問題</option>
</select>
</td>
</tr>
<tr>
<td height="64" align="center">回應內容</td>
<td><textarea name="sendbody" id="sendbody"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#FFFFFF"><label>
<input type="button" name="button" id="button" value="送 出" class="btn" onclick="checkform();"/>
<input type="reset" name="button2" id="button2" value="取 消" class="btn"/>
</label></td>
</tr>
</table>
</form>
</body>
</html>
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
