HTML | コメント入力欄フォームのサンプルコード
コメント入力欄フォームのHTMLサンプルコードと表示例を紹介しています。
コメント入力欄フォームのサンプルコード
サンプルコードではコメントの入力フォームとして「名前」「メールアドレス」「コメント」のフォームパーツを設置しています。
「メールアドレス」では「type」属性に「email」を指定、「コメント」入力欄はtextareaを利用しています。
「名前」「メールアドレス」では「autocomplete」を利用して、履歴を参照して入力候補として表示します。
<form action="" method="POST">
<p>お名前<p>
<p><input type="text" name="name" size="25" value="" autocomplete="name"></p>
<p>メールアドレス<p>
<p><input type="email" name="email" size="25" value="" autocomplete="email"></p>
<p>コメント<p>
<p><textarea name="comment" cols="40" rows="5"></textarea></p>
<p><input type="submit" value="送信"></p>
</form>
以下は上記フォームのHTMLを実際に設置した結果になります。
スタイル・デザインは変更を加えていないため、サイトの設定が反映されています。
必要に応じて、削除や編集のためのパスワード入力フォームも追加する場合があります。
ディスカッション
コメント一覧
まだ、コメントがありません