スタートマニュアル


メールフォーム

お客様のサーバーには、すぐに使えるメールフォームプログラムがインストールされています。

インストール済のメールフォームを利用するには下記の手順で行います。

  • メールフォームの入力画面を作成
  • 作成したページをFTP転送

■HTMLサンプル

---- ここから -------------------------------------------------

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>お問い合わせフォーム</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="import.css" type="text/css" media="all">
</head>
<body>

<!-- ここは書き換えないでください -->
<form action="/fmail/ssl_quest.php" method="post">

<!-- メールの件名(subject)を指定します -->
<input type="hidden" name="subject" value="お問い合わせ">

<!-- 問い合わせメールを受信するメールアドレスを記入します(sendto) -->
<input type="hidden" name="sendto" value="tokyo@example.com">

<!-- 送信後に表示するページを指定できます(なくても動作します) -->
<!-- 非SSLサイト(http://)を指定するとセキュリティの警告が表示されるのでご注意ください。 -->

<!--
<input type="hidden" name="location" value="https://www.example.com/thanks.html">
-->

<div class="wrapper">

<div class="hd">
<h2 class="f-title">お問い合わせフォーム </h2>
<div>※㈱、Ⅱ、③ などの特殊記号は使用しないでください。</div>
</div>

<div class="content">

<dl class="tbl">
<dt>お名前 <span class="must">必須</span></dt>
<dd><input type="text" name="*お名前" class="input__M"></dd>
</dl>
<dl class="tbl">
<dt>郵便番号</dt>
<dd><input type="tel" name="郵便番号" maxlength="8" class="input__S" placeholder="例:150-0001 (半角で入力)"></dd>
</dl>
<dl class="tbl">
<dt>ご住所</dt>
<dd><input type="text" name="ご住所" class="input__M"></dd>
</dl>
<dl class="tbl">
<dt>メールアドレス <span class="must">必須</span></dt>
<dd><input type="text" name="*メールアドレス" class="input__M"></dd>
</dl>
<dl class="tbl">
<dt>電話番号</dt>
<dd><input type="tel" name="電話番号" class="input__S"></dd>
</dl>
<dl class="tbl">
<dt>お問合せ内容<span class="must">必須</span></dt>
<dd><textarea name="*お問合せ内容" class="input__textarea"></textarea></dd>
</dl>

</div>

<div class="btn_box">
<input type="submit" value="入力内容の確認" class="qst-bt">
<input type="button" value="閉じる" onclick="window.close()" class="close-bt">
</div>

</div>

</form>

</body>

</html>

---- ここまで -------------------------------------------------

  • <!-- ~ -->の部分はコメントですので削除しても問題ありません。
  • 太字部分は変更しないでください

入力必須オプション

入力必須項目にするには「name=" *お名前"」などのように項目名の前に 半角のアスタリスク「*
付けてください。   例) <input type="text" name="*お名前">

フォームデザイン

メールフォームと同じディレクトリ内に、CSSファイルをFTP転送してください。

メールフォーム プレビュー

メールフォーム プレビュー

確認画面が notfoundになる場合

メールフォームプログラムをダウンロードして、httpdocs直下に fmailフォルダ(ディレクトリ)を作成し、その中にプログラムをFTP転送してください。

^