[CSS]フレシキブルなフォームを作成するスタイルシートのフレームワーク -RMSforms

既存のフォームにも利用できる、テーブルを使用しないスタイルシートベースのフレキシブルなフレームワークをRobert M. Sandy Jr.から紹介します。

フォームの配置は水平タイプと垂直タイプに対応しており、両方を組み合わせたものなど豊富なレイアウトに対応しています。

垂直配置のデモ

水平配置のデモ

フォームのHTMLはリスト要素で実装されており、下記のようなシンプルなものがベースとなっています。

<fieldset>
<legend></legend>
<ul class="form [modifier]">
<li><label class="[label modifier]"></label>
<input/></li>
</ul>
</fieldset>

Post on:2009年12月28日