HTML5でお問い合わせフォームサンプル_技術三昧ブログ

ホーム » ブログ » HTML5でお問い合わせフォームサンプル

@2014/12/25

HTML5でお問い合わせフォームサンプルです。
DOMO


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5でのお問合せフォームサンブル</title>
</head>
<body>

<h1>HTML5でのお問合せフォームサンブル</h1>
<form>
<fieldset style="line-height:180%;">
お名前（必須）：<input type="text" name="yourname" autofocus required><br>
メールアドレス（必須）：<input type="email" name="mail" required><br>
ホームページ：<input type="url" name="website"><br>
お問合せカテゴリ：
<input type="text" list="contactType">
<datalist id="contactType">
<option value="システム開発委託">
<option value="人材派遣">
<option value="オフショア開発">
<option value="そのた">
</datalist><br>
返答希望日：<input type="date" name="checkDate"><br>
<label for="infos">お問合せ内容：</label><br>
<textarea id="infos" name="infos" cols="40" rows="4" maxlength="20" placeholder="お問い合わせ内容をご記入ください"></textarea>
<br><input type="submit" value="送信">
</fieldset>
</form>

</body>
</html>

♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。

0人

★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。

閲覧履歴(直近10件)

◎zanmai.netサイト記事の転載・複製（コピー）は、zanmai.netへのリンクであることを明記してください！
◎本記事URL: https://www.zanmai.net/blog/data/224.html

閉じる

HTML5でお問い合わせフォームサンプル_ブログ_zanmai.net

※会員の方は認証コードを要らないから、新規登録をオススメ！