タグ

ブックマーク / webtech-walker.com (1)

  • 横並びのフォームのマークアップ - Webtech Walker

    以下のような、よくある横並びのフォームですが、どのようにマークアップするのがいいのか迷います。 今まではよく定義リスト(dl)を使ってマークアップしていまたのですが、他にもいろいろなマークアップがありそうなので書き出して見ました。 labelをうまく使えば余計なタグを入れなくてすみます。今回はposition:absoluteで横並びを実現してます(tableを除く)が、floatを使う方法もあります。僕はもっぱらposition派。 リスト(ul,ol) シンプルで、構造の意味的にもしっくりきます。順序付きリスト(ol)か順序無しリスト(ul)にするかはケースバイケースです。 DEMO <ul id="formItems_1"> <li><label for="commentAuthor_1">名前</label><input type="text" name="author" valu

    横並びのフォームのマークアップ - Webtech Walker
    Masa03
    Masa03 2008/04/24
    「ラベル」と「フォームオブジェクト」を横並びにするマークアップいろいろ
  • 1