> > お問合せ｜ご質問受付けフォームのSample　HTML

2012年1月13日金曜日

お問合せ｜ご質問受付けフォームのSample　HTML


お問合せ｜ご質問受付けフォームのSample　HTML　は以下のとおりです。 
ソースコードは以下のとおりです。
ファイル名：　form.html

【必須】　太字部分のメールアドレスを変更してください。

///////////////////////////////////////////////////////////////////////////


<HTML>
<HEAD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">


<!--▼▼メルアド内のコメント・例文の色を変更▼▼-->

<script type="text/javascript"><!--
function cText(obj){
if(obj.value==obj.defaultValue){
obj.value="";
obj.style.color="#000";
}
}

function sText(obj){
if(obj.value==""){
obj.value=obj.defaultValue;
obj.style.color="#999";
}
}
//-->
</script>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

<!--▼▼▼▼　ブラウザに表示するタイトル　▼▼▼▼-->

<TITLE> お問合せ｜ご質問受付フォーム </TITLE>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

</HEAD>
<BODY >

<center>

<table><tr><Td align=left>
<table id="title-table"><tr><td id="title-left"></td>
<td id="title-right">
<!--▼▼▼▼　　　表示するタイトル　　　　▼▼▼▼-->

<font id="font-title">お問合せ｜ご質問受付フォーム</font>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
</td></tr></table>

<TABLE class="coment-table">
<TR><TD>
<HR class="header"><font id="font-coment">
<!--▼▼▼▼　メールアドレスを入力する　　▼▼▼▼-->
■ エラーが表示される場合は、直接、<a href="mailto:info@＊＊＊＊＊＊.com"><b>info@＊＊＊＊＊＊.com</b></a>に送信してください。<bR>
<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
<!--▼▼▼▼　　　コメントを入力する　　　▼▼▼▼-->

■ お問い合わせやご質問など、当社へのご連絡はこのフォームをご利用ください<BR>
<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
</font><font id="font-caution">
<!--▼▼▼▼　　　注意書きを入力する　　　▼▼▼▼-->


<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
</font>
<HR class="header">
</TD></TR></TABLE>

<TABLE id="form-table" >
<form method="POST" enctype="multipart/form-data" action="../su3_mail.cgi">
<input type="hidden" name="action" value="send_mail" />

<!--▼▼メールの件名をVALUE=""の部分に入力する▼▼-->

<input type="hidden" NAME="Subject" VALUE="メール送信用フォームからの投稿">

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

<!--==================================================
★必須にする項目は「 NAME="!名前"」のように項目名の前に「!（半角）」を付ける
★確認のため、一致しているかチェックする場合は、「 NAME="!メールアドレス**1"」
「 NAME="!メールアドレス**2"」のように「**1（半角）」と「**2（半角）」を付ける
=====================================================-->
<tr><td width=150></td><td></td></tr>
<!--▼▼メールの件名をVALUE=""の部分に入力する▼▼-->

<TR id="tr-form1">
<TD id="td-form"><font id="font-form">
お名前<font id="font-needs">（必須)</font>
</font></TD><TD id="td-form">
<INPUT TYPE="text" NAME="!名前" size=45 maxlength=100>
<BR><font class="form-sample">氏名または法人名を入力してください</font></TD></TR>

<TR id="tr-form2">
<TD id="td-form"><font id="font-form">
メールアドレス<font id="font-needs">（必須)</font>
</font></TD><TD id="td-form">
<INPUT TYPE="text" NAME="!メールアドレス**1" size=45 maxlength=100 onFocus="cText(this)" onBlur="sText(this)" value="例）YYYY@gmail.com">
<INPUT TYPE="text" NAME="!メールアドレス**2" size=45 maxlength=100 onFocus="cText(this)" onBlur="sText(this)" value="上と同じメールアドレスを入力してください">
</TD></TR>

<TR id="tr-form1">
<TD id="td-form"><font id="font-form">
メッセージ<font id="font-needs">（必須)</font>
</FONT></TD><TD id="td-form">
<TEXTAREA NAME=!メッセージ ROWS="6" COLS="40"></TEXTAREA>
<BR><font class="form-sample">こちらにご質問、ご要望などを入力してください</font>
</TD></TR>

<TR id="tr-form2">
<TD id="td-form"><font id="font-form">
添付ファイル
</FONT></TD><TD id="td-form">
<input class="file" type="file" name="u_file1" SIZE=30>
<input class="file" type="file" name="u_file2" SIZE=30>
</TD></TR>

<TR id="tr-form1">
<TD id="td-form"><font id="font-form">
送信内容のコピーを</TD>
</FONT></TD><TD id="td-form">
<input type="checkbox" name="send_copy" value="1" CHECKED>
<font id="font-form">
自分にも送る
</font></TD></TR>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

</TABLE>
<HR class="footer">
<center>
<INPUT TYPE="reset" id="submit-reset" VALUE="×× 入力をすべて消す">  <INPUT TYPE="submit" id="submit-next" VALUE="確認画面へ進む ＞＞">  
</center>
</td></FORM></tr></table>
</body></html>