HTML | コメント入力欄フォームのサンプルコード

HTML フォーム,HTML

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を実際に設置した結果になります。
スタイル・デザインは変更を加えていないため、サイトの設定が反映されています。

お名前

メールアドレス

コメント

必要に応じて、削除や編集のためのパスワード入力フォームも追加する場合があります。