プロが教える店舗＆オフィスのセキュリティ対策術

ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。

解決済

  • 質問者：SUI42
  • 質問日時：
  • 回答数：2件

webデザインの勉強をしようと、書籍をみつつ実際に打ちながら練習中です。
書籍には、表が作れますよ、フォームが作れますよ、という風にパーツごとの紹介で
そのまま入力していたのですが、勝手に縦に並んでくれると思っていたら、全部横一列に並びました。
これを縦にしたい！ってなった場合、どうすればいいですか？＜ｐ＞で挟めばいいですか？
アホな質問ですいません。ご回答よろしくお願いいたします。

自分でみながら打ったコード
<form action="example.php" method="post" name="contact-form">
名前:<input type="text" placeholder="田中　たろう">

性別:<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女" checked>女
<input type="radio" name="gender" value="その他">その他

好きな色:<input type="checkbox" name="color" value="赤" checked>赤
<input type="checkbox" name="color" value="青">青
<input type="checkbox" name="color" value="黄">黄
<input type="checkbox" name="color" value="緑">緑
<input type="submit" value="登録する">


</form>

「ただいま勉強始めたての初心者です。フォー」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： gura_
  • 回答日時：

SUI42 さん


　･････縦にしたい！ってなった場合、どうすればいいですか？･･･････

縦にしたいところで、改行すれば良い。

参考↓
https://www.tohoho-web.com/html/br.htm

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" >
</head>
<body>
<form action="example.php" method="post" name="contact-form">
名前:<input type="text" placeholder="田中　たろう"><br>
性別:<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女" checked>女
<input type="radio" name="gender" value="その他">その他<br>
好きな色:<input type="checkbox" name="color" value="赤" checked>赤
<input type="checkbox" name="color" value="青">青
<input type="checkbox" name="color" value="黄">黄
<input type="checkbox" name="color" value="緑">緑<br>
<input type="submit" value="登録する">
</form>
</body>
</html>
    • good
    • 1
    • 件
通報する
この回答へのお礼

なるほど！書籍に＜ｐ＞は出てきたのに、<br>はでできてなくて、わかってなかったです。あと、ｐとｂｒの違いもちゃんと調べて理解したので、引き続き頑張りたいと思います！
ご回答ありがとうございました。

通報する
お礼日時：2022/11/21 14:10

No.1

テーブルにするのが簡単でしょう。

    • good
    • 1
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。実際に打ってどんな感じになるか、みてみようと思います！

通報する
お礼日時：2022/11/21 14:49

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報