登记界面的4种HTML结构

注册界面的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>