自身のポートフォリオサイト用にお問い合わせフォームを作っています。
HTMLとスタイルは下記のコードのようにすでに当てている状態です。
結論:PHPなしでHTMLのみで現在のデザインを維持したまま、問い合わせフォームを作ることは可能でしょうか。
(送信ボタンを押したら、自分のメールアドレスに内容が届くというのがゴールです、確認画面は最悪なくても構いません。)
PHPが全くわからなく、さらに急ぎでポートフォリオサイトを完成させる必要があります。
非常に無知で申し訳ないですが、アドバイスいただきたいです。
<!--contact--> <section class="contact" id="5"> <h2>Contact</h2> <p class="komidashi">お問い合わせ</p> <form name="contact" method="post"> <div class="contact-block"> <p class="input"><label for="name">お名前</label></p> <input type="text" name="name" value="" placeholder="例) テスト <div class="contact-block"> <p class="input"><label for="requirement">件名</label></p> <input type="text" name="requirement" value="" placeholder="件名をご入力ください" required="required" id="requirement"> </div> <div class="contact-block"> <p class="input"><label for="messagee">お問い合わせ内容</label></p> <textarea name="messagee" id="messagee" cols="30" rows="10" placeholder="ご自由に入力いただけます。"></textarea> </div> <input type="submit" value="送信" class="button"> </form> </section> <!--contact--> コード
/*contact*/ .contact{ background-color: #e8e5a5; padding-top: 72px; padding-bottom: 72px; } .contact-block{ margin-bottom: 24px; } .input{ width: 50%; text-align: left; margin: 0 auto; margin-bottom: 12px; font-size:1.6rem; } .button{ background-color: #3E3A39; border: none; width: 128px; height: 48px; font-size:1.6rem; font-weight: bold; color:#ffffff } #name{ border:none; width: 50%; height: 32px; } #email{ border:none; width: 50%; height: 32px; } #requirement{ border:none; width: 50%; height: 32px; } #messagee{ border:none; width: 50%; } /*/contact*/ コード
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/07/18 13:59