クリーンなデザインでピュアＣＳＳなフォームを作るサンプル:phpspot開発日誌

woork: Clean and pure CSS FORM design クリーンなデザインでピュアＣＳＳなフォームを作る 次のようなデザインの綺麗なフォームのサンプルがＤＬ可能です。 マークアップは以下のようにシンプルかつクリーン <div id="stylized" class="myform"> <form id="form" name="form" method="post" action="index.html"> <h1>Sign-up form</h1> <p>This is the basic look of my form without table</p> <label>Name <span class="small">Add your name</span> </label> <input type="text" name="name" id="name" /> <

[jumparound]

form

[mosi_mosi]

Web開発

[webmarksjp]

*css

[takkecy]

入力フォーム

[minarukuji]

コピペで使えるの！？とりいそぎ。

[ysk_lucky-star]

もうテーブルでやってくれお願いします切実に心から。

[kits]

マークアップは*Transitionalとしては*妥当だが、label要素にfor属性が無いのが勿体無い。あとdiv.spacerとか。