直接上代码
htm
<form action="{$MODULE[2][linkurl]}{$DT[file_login]}" method="post" onsubmit="return user_login();"> <input type="hidden" name="submit" value="1"/> <div class="hui-a"><label>用户名</label><input value="" class="text" type="text" name="username" id="login_name" style="width:168px"></div> <div class="hui-a"><label>密 码</label><input value="" class="text" type="password" name="password" id="login_pwd" style="width:168px"></div> <input name="loginBtn" type="submit" id="loginBtn" value="登录" class="loginBtn"> </form>
css
.hui-a{margin-top:10px} .hui-a label{margin-right:10px;} .hui-a input{padding: 6px;border: 1px solid #e6e6e6;border-radius: 3px;} .loginBtn{border:0;margin-top:20px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 14px;display: inline-block;background: #ff6600;width: 100%;text-decoration: none;padding: 0;} .loginBtn:hover{background: #f56200;cursor:pointer;}