横並びのフォームのマークアップ - 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

[hmd703]

なるほどー

[hashimoya]

[マークアップ

[mingos]

フォームのデザインの参考にする

[Masa03]

｢ﾗﾍﾞﾙ｣と｢ﾌｫｰﾑｵﾌﾞｼﾞｪｸﾄ｣を横並びにするマークアップいろいろ

[t32k]

- Tags: #form

[oki448jp]

横並びのフォームのマークアップいろいろ

[moqada]

ul,ol型、dl型、table型