必須項目のCSS

css

[f:id:t-taira:20091223021048p:image w:100 h:100]
↑こんな感じで「必須項目のラベル」を描画したいときはCSSで書くこともできます。

<table>
  <tr>
    <th class="required"><label for="name">Name</label></th> 
    <td><input id="name" name="name" size="30" type="text" /></td> 
  </tr>
  <tr>
    <th><label for="url">Url</label></th> 
    <td><input id="url" name="url" size="30" type="text" /></td> 
  </tr>
</table>


↑このHTMLに下のようなCSSを適用します。

.required {
    color: #E00;
}

.required:after {
    content: " *";
}

「:after」は疑似要素ってものらしいです。
疑似クラスと疑似要素 CSS 前提知識