黑马程序员技术交流社区

标题: 编辑html注册表单时如何保持输入框对齐美观? [打印本页]
作者: 神马王刚    时间: 2012-10-13 23:10
标题: 编辑html注册表单时如何保持输入框对齐美观?
本帖最后由 神马王刚 于 2012-10-15 19:16 编辑
  1. <html>
  2. <head>
  3.     <title>注册表单</title>
  4. </head>
  5. <body>
  6.     <form>
  7.     用户名:<input type="text" name="user" value="" maxlength="10" />

  9.     密码:<input type="password" name="pwd" value="" maxlength="16" />

  11.     确认密码:<input type="password" name="pwd" value="" maxlength="16" />

  13.   
  14.     <input type="submit" name="sum" value="提交" />
  15.     <input type="reset" name="renew" value="重置" />
  16.     </form>
  17. </body>
  18. </html>
复制代码
编辑html注册表单时如何保持输入框对齐美观?用<form></form>如何对齐?还是用<table></table>更容易实现些?
作者: 李辰东    时间: 2012-10-14 03:05
本帖最后由 李辰东 于 2012-10-14 03:08 编辑

使用表格來實現的
你只要控制好表格就好了

<table>
<tr>
<td>用户名:
</td>   
<td>
<input type="text" name="user" value="" maxlength="10" />
</td>
</tr>  
</table>

內容根據你的需要放在表格內，就可以很好的控制了{:soso_e100:}
作者: 郭会茹    时间: 2012-10-14 08:48
表格在不同的浏览器下容易变形，最好放在div中控制
作者: 雷向阳    时间: 2012-10-14 11:25
放在div中，然后再设置好maxlength，一般是不会出现异常的..
作者: 彭书雄    时间: 2012-10-14 12:53
使用DIV 标签 控制  页面的整齐主要是靠CSS 进行布局来实现的，css 很多属性很好的控制标签的 位置和大小 所有标签都在掌控之内，学css 就很好控制了
作者: 邸亚星    时间: 2012-10-14 22:31
可以用table也可以用form或者div标签  取决于个人  



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2