[B! フォーム] psakuraのブックマーク

psakura id:psakura

フォームに関するpsakuraのブックマーク (3)

lifemake.design
lifemake.design 2024 著作権. 不許複製プライバシーポリシー
psakura 2018/04/23
wordpress

フォーム
リンク
[60] フォームを美しく整えよう（CSS使用）
[60] フォームを美しく整えよう（CSS使用）最終更新日：2018年06月23日（初回投稿日：2013年11月19日）フォームは、ちいさな「部品」と「テキスト」とが混在します。それらをただ並べただけだと、ごちゃごちゃして見づらいので、スッキリさせるためにフォーム部品以外のHTML要素と組み合わせて CSSで整える必要があります。今回は、フォームのレイアウトのコツというか、基本の考え方をメモ。他のHTML要素と組み合わせるフォーム部品の要素のデフォルトスタイルは、全部インラインです。フォーム部品は普通、質問・選択肢になる「テキスト」と一緒に使いますが、CSSを何も指定しないままだとこんなふうに ↓ ぜ〜んぶ繋がって表示されます。これじゃあ入力する気も起きやしない。最近おもしろいと思ったTV番組は？その番組の感想をどうぞあなたの興味のあるTV番組のジャンルを教えて
psakura 2015/10/09
Webデザイン

html

フォーム

css
リンク
フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。各要素のデフォルトスタイルを削除フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ
psakura 2015/03/27
css

フォーム
リンク
1