ASP.NETテーブルレスCSSフォーム

Question

ASP.NETでWebフォームを作成する必要があります。

これが私のHTMLです：

<form id="form1" runat="server"> 
<div> 
    <asp:Label ID="Label1" runat="server" Text="label" AssociatedControlID="DropDownList1"></asp:Label> 
    <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList> 
</div> 
<div> 
    <asp:Label ID="Label2" runat="server" Text="label" AssociatedControlID="TextBox1"></asp:Label> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
</div> 
<div> 
    <asp:Label ID="Label3" runat="server" Text="" AssociatedControlID="Button1"></asp:Label> 
    <asp:Button ID="Button1" runat="server" Text="Button" /> 
</div> 
</form> 

が、これはCSSによって、ほとんどのカスタマイズ可能なHTMLコードですか？

通常、別のマークアップを記述していますか？

Answer 1

あなたのHTMLは私にはうまく見えます。私は個人的にそれらのすべてを使用しないだろうdivしかし、私もあなたの正確な要件を知らない。

一部の人々はリストするフォームを考慮するとして、それをコーディングします：私はこの方法それをしない

<ul> 
    <li> 
    <label ... /> 
    <input ... /> 
    </li> 
</ul> 

、それはあなたがあなたのデータを記述したいかによって異なります。

あなたが主観的に考えると、マークアップしているデータをどのように記述するかです。最もセマンティックな方法とはどのようにして、データのスタイルをどのようにしたいのかに合います。あなたが両方のことをよく考えているのであれば、通常は中間地です。

<fieldset>を使用してフォームフィールドを論理的にグループ化することも検討します。これはまたあなたにあなたのCSSで引っかかる何かをextea与えるでしょう。

Answer 2

あなたが説明したものとほとんど同じラッパーコントロールを作成しました。各サーバーコントロールは、指定されたクラス、ラベル（ラベルテキストが設定されている場合）、およびコントロール自体でdivを出力します。

私たちは、これがクライアントに向かうときに私たちが望むマークアップを得るための最もクリーンな方法であることを発見しました。非表形式になります。

「行」、「shortRow」など、ラベルやコントロールの幅を制御する外側のdivやその他の適切な幅を設定するなど、いくつかのクラスも定義されています。