[CSS]フレシキブルなフォームを作成するスタイルシートのフレームワーク -RMSforms
Post on:2009年12月28日
sponsors
既存のフォームにも利用できる、テーブルを使用しないスタイルシートベースのフレキシブルなフレームワークをRobert M. Sandy Jr.から紹介します。
フォームの配置は水平タイプと垂直タイプに対応しており、両方を組み合わせたものなど豊富なレイアウトに対応しています。
垂直配置のデモ
水平配置のデモ
フォームのHTMLはリスト要素で実装されており、下記のようなシンプルなものがベースとなっています。
HTML
|
1 2 3 4 5 6 7 8 |
<textarea name="code" class="html" cols="60" rows="5"> <fieldset> <legend></legend> <ul class="form [modifier]"> <li><label class="[label modifier]"></label><input/></li> </ul> </fieldset> </textarea> |
sponsors
