文本框和标签位置问题

Question

我是新来的asp.net，并面临一些小问题。问题是将Textbox和label设置在不同的位置，虽然我使用<br/>标签，但表格看起来非常糟糕，我该如何解决流程问题？

代码：

<tr> 
     <td align="right" style="padding-right: 5px;" class="style6"> 
      <asp:Label ID="lblEmailId" runat="server" Text="EMAIL ID &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:"></asp:Label> 
     </td> 
     <td align="left" style="padding-left: 5px;" class="style6"> 
     <br/><br/><br/> 
     <asp:TextBox ID="txtEmailId" runat="server" Width="70%" AutoCompleteType="Office"></asp:TextBox> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtEmailId" 
       ErrorMessage="You can't leave this empty." Style="color: #FF0000;"></asp:RequiredFieldValidator> 

      <asp:RegularExpressionValidator ID="rfvEmailId" runat="server" ControlToValidate="txtEmailId" 
       ErrorMessage="Not a Valid Email Address" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
       ValidationGroup="CreateUserWizard1" Style="color: #FF0000;" />&nbsp;<br /> 
      &nbsp; 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2"> 
      <br /> 
     </td> 
    </tr> 
    <tr> 
     <td align="right" style="padding-right: 5px; " class="style6"> 
      <asp:Label ID="lblPhoneNo" runat="server" Text="PHONE NO.&nbsp;&nbsp;:"></asp:Label> 
     </td> 
     <td align="left" style="padding-left: 5px; " class="style6"> 
      <asp:TextBox ID="txtPhoneNo" runat="server" Width="70%" AutoCompleteType="Office"></asp:TextBox> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPhoneNo" 
       ErrorMessage="You can't leave this empty." Style="color: #FF0000;"></asp:RequiredFieldValidator> 

      <asp:RegularExpressionValidator ID="rfvPhoneNo" ControlToValidate="txtPhoneNo" ValidationExpression="\d{10}" 
       ErrorMessage="The number must be 10 numeric digits!" runat="server" Style="color: #FF0000;" /> 
     </td> 
    </tr> 

PLZ任何一个可以帮助我在此流程...，

Answer 1

1. 摆脱<br />和 标签。

2. 设置的RequiredFieldValidator和的RegularExpressionValidator动态显示

   <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtEmailId" 
        ErrorMessage="You can't leave this empty." Style="color: #FF0000;" Display="Dynamic"></asp:RequiredFieldValidator> 
   <asp:RegularExpressionValidator ID="rfvEmailId" runat="server" ControlToValidate="txtEmailId" 
        ErrorMessage="Not a Valid Email Address" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
        ValidationGroup="CreateUserWizard1" Style="color: #FF0000;" Display="Dynamic"/> 
   

Answer 2

删除<br/><br/><br/>

而且真的，不要用设计师的布局！仅将它用于预览并添加新的自定义控件。

Answer 3

在同一<tr>元件发生在其他例如在一个<td>标签和文本框：

<table> 
    <tr> 
     <td> 
     Name 
     </td> 
     <td> 
     <asp:TextBox ID="txtName" runat="server" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     Surname 
     </td> 
     <td> 
     <asp:TextBox ID="txtSurname" runat="server" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     Age 
     </td> 
     <td> 
     <asp:TextBox ID="txtAge" runat="server" /> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" style="text-align: right;"> 
     <asp:Button ID="btnAdd" runat="server" Text="Add" /> 
     </td> 
    </tr> 
</table> 

可生产以下布局：