https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

フォームの部品をグループ化する

<fieldset><legend>グループのタイトル</legend>~ </fieldset>でフォームの部品をグループ化することができます。

【ブラウザ表示】

性別
名前とメールを入力 名前:
メール:
質問の内容を入力して下さい

ソース

<form action="xxx.php">
<fieldset>
<legend>性別</legend>
男<input type="radio" name="man" value="男">
女<input type="radio" name="woman" value="女">
</fieldset>
</form>

ソース

<form action="xxx.php">
<fieldset>
<legend>名前とメールを入力</legend>
名前:<input type="text" name="onamae" value="名前">
<br>
メール:<input type="text" name="mail" value="メール">
</fieldset>
</form>

ソース

<form action="xxx.cgi">
<fieldset>
<legend>質問の内容を入力して下さい</legend>
<textarea name="area" rows="3" cols="15">
全角1000文字まで入力できます。
</textarea>
<textarea name="area2" rows="3" cols="15">
全角500文字まで入力できます。
</textarea>
</fieldset>
</form>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

フォームに入れる部品
テキストエリアを作る
セレクトボックスを作る
入力項目と項目名を関連付ける
フォームを作る

HTMLタグ一覧のページに戻る