使用者登入表單
阿新 • • 發佈：2019-01-02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>js</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" type="text/css" href=""> <style> *{margin: 0;padding: 0;} .think-login{margin-top: 36px; min-width: 320px;} .think-login .head{ margin-bottom: 10px; } .think-login .head strong{ font-weight: normal; font-size: 30px; vertical-align: bottom; } .think-form{ padding-bottom: 36px; } .think-form .must{ font-style: normal; color: #c00; margin-right: 3px; } .think-form th,.think-form td{ padding: 6px 0; } .think-form th{ font-weight: normal; vertical-align: top; line-height: 32px; padding-right: 9px; text-align: left; } .think-form .text{ height: 24px; width: 350px; line-height: 24px; padding: 3px; border: 1px solid #ccc; } .think-form .text:focus{ box-shadow: 0 0 5px rgba(52,143,212,.6); border-color: #348FD4; } .think-form .submit{ background: #348FD4; color: #fff; font-size: 16px; height: 30px; line-height: 21px; padding: 0 24px; vertical-align: middle; border: 0; cursor: pointer; } .think-form .submit:hover{ background-color: #2F81BF; } .think-form .login .text { height: 24px; width: 250px; line-height: 24px; padding: 3px; border: 1px solid #ccc; } .login-other .head strong{ font-weight: normal; color: #999; } .common{ color:#666;float:left;display: block;line-height: 30px; } </style> </head> <body> <div class="think-login"> <div class="head"> <strong>使用者登入</strong> </div> <div class="think-form"> <form action="" method="post" class="login"> <table> <tbody> <tr> <th>使用者名稱</th> <td> <input class="text" type="text" name="username" value="請輸入使用者名稱" onclick="if(this.value=='請輸入使用者名稱'){this.value=''}" onblur="if(this.value==''){this.value='請輸入使用者名稱'}"> </td> </tr> <tr> <th>密 碼</th><!--最多兩個空格--> <td> <input class="text" type="password" name="password"> </td> </tr> <tr> <th>身份證</th> <td> <input class="text" type="password" name="password"> </td> </tr> <tr> <th>郵 箱</th> <td> <input class="text" type="password" name="password"> </td> </tr> <tr> <th>驗證碼</th> <td> <input name="verifycode2" type="text" size="8" style="width:80px;float:left" class="text" maxlength="4"> <img src="img/code.png" style="float:left;margin: 1px 5px;"/> <a href="javascript:;" class="common">看不清？換一張</a> </td> </tr> <tr> <th> </th> <td> <input class="submit" type="submit" value="登入"> </td> </tr> </tbody> </table> </form> </div> </div> </body> </html>