网站地图    收藏   

主页 > 前端 > css教程 >

注册界面的4种HTML结构 - html/css语言栏目:html.

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 一、[html]form action= method=post table tr thName:/th tdinput type=text name=name //td /tr tr thEmail:/th tdinput type=text name=email //t......

一、

[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">
    <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>
 

二、

[html]
<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>
   Name:<input type="text" name="name" /><br />
    Email:<input type="text" name="email" /><br />
    <input type="submit" value="submit" />
  </p>
</form>
 

三、

[html]
<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">
  <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>
 

四、

[html]
<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> 

<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>
 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论