ホームページビルダー作成報告

HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

[17348]  メールフォームの設置とレイアウト
□投稿者/ oioiooi -(2005/01/27(Thu) 06:52:34)

    作成モード(v6以上の方):[ひょ〜じゅん] 
    バージョン:[v9] 

    No17344に返信(トラネコさんの記事)
    > 詳しい説明ありがとうございます。
    > http://pokemon100.s20.xrea.com/mail.htm
    > のように、
    > メルアド・ホームページアドレス・評価の理由をいれるフォームをつくるにはどのようなタグが必要でしょうか?
    > 名前、用件は必須項目にしたいのですが、出来ますか?
    >

    ビルダーの操作を説明しないといけないのだけれど、
    私の都合でちょっと今は出来ません。
    (なら、回答するなと言う突っ込みは受けます。…汗)

    こんな塩梅でどうでしょう?。# (どこかで見たフレーズ)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="ja">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <title>管理人にメール</title>
    <style type="text/css">
    <!--
    BODY{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font: 94% "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    color: #003366;
    background: #FFFFFF;
    }
    h1,h2 {
    font-size: large;
    font-weight: normal;
    }
    a:link{
    color:#000033;
    background: #FFFFFF;
    }
    a:visited{
    color:#003399;
    background: #FFFFFF;
    }
    a:active {
    color:#FFFFFF;
    background: #33CCFF;
    }
    a:hover{
    background-color:#BBCCFF;
    border-bottom:0px;
    color: #FFFFFF;
    text-decoration: none;
    }

    table{
    border:3px double #6699FF;
    text-align: center;
    margin: 0px auto;
    }
    td,tr{
    border:1px solid #6699FF;
    spacing:10px;
    padding:10px;
    letter-spacing : 1px;
    line-height : 18px;
    text-align: left;
    }
    ul {
    text-align: left;
    margin: 5px auto 5px 35%;
    list-style: none;
    }
    p {
    margin: 5px 0px;
    }
    input,textarea
    {
    color:#000033;
    border-top:2px;
    border-width:2px;
    border-height:2px;
    border-bottom:2px;
    border-style:solid;
    border-color:#bbccff;
    background-color:#bbccff;
    scrollbar-3d-light-color:#bbccff;
    scrollbar-arrow-color:#bbccff;
    scrollbar-base-color:#FFFFFF;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#bbccff;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    }
    td.buttons {
    text-align: center;
    }
    -->
    </style>
    </head>
    <body>
    <h1>管理人にメール</h1>
    <p>管理人にメールを送りたいときは、こちらか下のメールフォームより送信してください。</p>
    <h2>只今の募集物</h2>
    <ul>
    <li>☆占い・おまじない、風水(詳しくはこちら)</li>
    <li>☆開運体験</li>
    <li>☆ギャラリーに飾りたい画像</li>
    </ul>
    <form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
    <table border="0" cellspacing="0" summary="mailform">
    <tr>
    <td>お名前(必須)</td>
    <td><input type="text" name="名前" size="30" maxlength="50"></td>
    </tr>
    <tr>
    <td>メールアドレス(必須)</td>
    <td><input name="mail" type="text" size="30" maxlength="64"></td>
    </tr>
    <tr>
    <td>ホームページアドレス</td>
    <td><input name="HP" type="text" value="http://" size="30" maxlength="128"></td>
    </tr>
    <tr>
    <td>ご意見(必須)</td>
    <td><textarea name="ご意見欄" cols="30" rows="5">ご意見</textarea></td>
    </tr>
    <tr>
    <td>HPの印象</td>
    <td><input name="印象" type="radio" id="ryo" value="良かった"><label for="ryo">良かった</label>
    <input name="印象" type="radio" id="imaichi" value="いまいち"><label for="imaichi">いまいち</label>
    <input name="印象" type="radio" id="dame" value="ダメ"><label for="dame">ダメ</label></td>
    </tr>
    <tr>
    <td>どの部分でそう思いましたか?。</td>
    <td><textarea name="どんなところ" cols="30" rows="5"></textarea></td>
    </tr>
    <tr>
    <td colspan="2" class="buttons">
    <input type="submit" value=" 送 信 ">
    <input type="reset" value=" リセット "></td>
    </tr>
    </table>
    <input name="formreq" type="hidden" value="名前">
    <input name="formreq" type="hidden" value="ご意見欄">
    <input type="hidden" name="formid" value="050125099271">
    <input type="hidden" name="formsubject" value="メールのタイトル">
    <input name="formreq" type="hidden" value="mail">
    </form>
    </body>
    </html>

    こんな感じになります。
    サンプルページは削除しました。
  削除キー/

前の記事(元になった記事) 次の記事(この記事の返信)
←Re[2]: メールフォームの設置とレイアウト /トラネコ 返信無し
 
上記関連ツリー

Nomal メールフォームの設置とレイアウト /トラネコ (05/01/26(Wed) 01:28) [17335]
Nomal Re[1]: メールフォームの設置とレイアウト /oioiooi (05/01/26(Wed) 07:53) [17337]
  ┗Nomal Re[2]: メールフォームの設置とレイアウト /トラネコ (05/01/26(Wed) 22:28) [17344]
    ┗Nomal Re[3]: メールフォームの設置とレイアウト /oioiooi (05/01/27(Thu) 06:52) [17348] ←Now

All 上記ツリーを一括表示 / 上記ツリーをトピック表示
 
上記の記事へ返信
Pass/

HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

- Child Tree -