Question

这一段html登陆框代码如果用DIV+CSS写的话该怎么写呀

研究了好久也没试出来，请高手帮帮我吧，谢谢了
<tbody>
<tr>
<td>
<div class="login-fail-info" style="display:none">此邮箱尚未激活或密码不正确</div>
</td>
<td>
<div>
<label class="ui-input"><input type="text" value="" id="userName" name="userName" class="name"></label>
<span id="userNameTip" class="tip" unselectable="on" style="display: block; ">用户名 或 邮箱</span>
</div>
</td>
<td>
<div>
<label class="ui-input ui-password"><input type="password" value="" id="password" name="password" class="psd"></label>
<span id="passwordTip" class="tip" unselectable="on" style="display: inline; ">密码</span>
</div>
</td>
<td>
<label class="ui-button">
<button type="submit" class="ui-button-inner">登录</button>
</label>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td height="24" align="left" class="remember">
<input type="checkbox" value="1" name="remember" id="remember" checked="checked" style="display: none; "><button type="button" class="checkbox checkbox-chked"></button>
<b>记住我</b>
</td>
<td><a href="http://www.xxx.com" title="">忘记密码?</a></td>
<td><a href="http://www.xxx.com/reg" title="注册">注册</a></td>
</tr>
</tfoot>
</table>
<input type="hidden" value="1" id="action" name="action">
需要的样式就是下面这个图片这样的，要是能帮我写一下这个样式更感激了

Answer 1

<style>
.main{ width:500px; height:100px; background-color:#006699; margin:0 auto; text-align:center; padding-top:20px;}
.cha{ height:20px;}
a{ color:#990000;}
</style>
<DIV class="main">
<form id="form1" action="#">
<DIV class="div1"><input class="cha" type="text" id="userName" value="用户名或邮箱" />
<input class="cha" type="password" id="password" />
<button>登录</button>
</DIV>
<DIV>
<input name="chekbox" type="checkbox" /><font style="font-size:12px;">记住我</font><a href="#" style="padding-left:100px;"><font style="font-size:12px;">忘记密码?</font></a><a style="padding-left:100px;" href="#"><font style="font-size:12px;">注册嘀咕</font></a>
</DIV>
</form>
</DIV>
---------------
你保存HTML运行下。不知道是不是你要的。

追问

非常感谢您的帮助，有一个效果，就是鼠标点击用户名登陆框的时候，能让”用户名或邮箱“不显示吗，鼠标不点在框里的时候显示出来呢

Answer 2

去掉所有的table，tbody，tr，td标签，保留form，input，div等标签。