ホーム » ブログ » 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人
このエントリーをはてなブックマークに追加


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

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


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

アーカイブ @zanmai.net
check