注册界面的4种HTML结构

一、

<form action="" method="post">
    <table>
    <tr>
        <th>Name:</th>
        <td><input type="text" name="name" /></td>
    </tr>
    <tr>
        <th>Email:</th>
        <td><input type="text" name="email" /></td>
    </tr>
    <tr>
        <th>&nbsp;</th>
        <td><input type="submit" value="submit"/></td>
    </tr>
    </table>
</form>

 

二、

<form action="" method="post">
  <p> 
  	Name:<input type="text" name="name" /><br />
    Email:<input type="text" name="email" /><br />
    <input type="submit" value="submit" />
  </p>
</form>

 

三、

<form action="" method="post">
  <p><label for="name">Name:</label>
  <input type="text" name="name" id="name"/></p>
  <p><label for="email">Email:</label>
  <input type="text" name="email" id="email"/></p>
  <p><input type="submit" value="submit" /></p>
</form>

 

四、

<form action="" method="post">
  <dl>
    <dt><label for="name" accesskey="n">Name:</label></dt>
    <dd><input type="text" name="name" id="name" tabindex="1"/></dd>
    <dt><label for="email" accesskey="e">Email:</label></dt>
    <dd><input type="text" name="email" id="email" tabindex="2"/></dd>
    <dd><input type="submit" value="submit" tabindex="2"/></dd>
  </dl>
</form>
<kbd>如果你想快速选择Email文本框，请使用快捷键Alt+E</kbd>