[60] フォームを美しく整えよう(CSS使用) 最終更新日:2018年06月23日 (初回投稿日:2013年11月19日) フォームは、ちいさな「部品」と「テキスト」とが混在します。 それらをただ並べただけだと、ごちゃごちゃして見づらいので、スッキリさせるために フォーム部品以外のHTML要素と組み合わせて CSSで整える必要があります。 今回は、フォームのレイアウトのコツというか、基本の考え方をメモ。 他のHTML要素と組み合わせる フォーム部品の要素のデフォルトスタイルは、全部インラインです。 フォーム部品は普通、質問・選択肢になる「テキスト」と一緒に使いますが、CSSを何も指定しないままだと こんなふうに ↓ ぜ〜んぶ繋がって表示されます。 これじゃあ入力する気も起きやしない。 最近おもしろいと思ったTV番組は? その番組の感想をどうぞ あなたの興味のあるTV番組のジャンルを教えて
![[60] フォームを美しく整えよう(CSS使用)](https://cdn-ak-scissors.b.st-hatena.com/image/square/f20701a3bda252618d6c11a6afa286aa0f9a4f45/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-61.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F130921_feel.gif)