[分享]上方帳號密碼處小型美化

[b2_699691]

上方帳號密碼處小型美化
另外還修正帳號密碼打完後不能直接按Enter登入

範例:

打開wog_top.htm
尋找:

代碼: 選擇全部

   <table border=0>
   <tr>
   <td>帳號</td>
   <td><input type="text" size="10" name="id" value="" ></td>
   <td>密碼</td>
   <td><input type="password" size="10" name="pass" value="" ></td>
   <td><input type="button" name="ppp" value="角色登入" onClick="document.f1.f.value='chara';document.f1.act.value='login';document.f1.submit()"></td><td><input type="button" value="登出" name=pp2 onClick="document.f1.f.value='chara';document.f1.act.value='logout';document.f1.submit()"></td>
   </tr>
   </table>

替換成:

代碼: 選擇全部

<table border=0>
   <tr>
   <td>帳號</td>
   <td>
    <input type="text" size="10" name="id" value="" style="font-family: 新細明體; color: #FFFFFF; border: 1px dashed #000000; background-color: #000000" ></td>
   <td>密碼</td>
   <td>
    <input type="password" size="10" name="pass" value="" style="font-family: 新細明體; color: #FFFFFF; border: 1px dashed #000000; background-color: #000000" ></td>
   <td>
    <input type="submit" name="ppp" value="角色登入" onClick="document.f1.f.value='chara';document.f1.act.value='login';document.f1.submit()" style="color: #FFFFFF; font-family: 新細明體; border: 1px dashed #000000; background-color: #000000"></td><td>
    <input type="button" value="登出" name=pp2 onClick="document.f1.f.value='chara';document.f1.act.value='logout';document.f1.submit()" style="font-family: 新細明體; color: #FFFFFF; border: 1px dashed #000000; background-color: #000000"></td>
   </tr>
   </table>

[quote="涅魂"]<u>積分 +1</u>

分享修改

at 2007-09-21 07:42 am[/point]

[涅魂]

有兩個地方可以做得更好唷

第一個，登入的帳號跟密碼用的style都是一樣的，所以可以建立一個公用的CSS類別，讓這兩個欄位一同使用

第二個，登入按鈕改成submit type可以用enter來直接送出沒錯，不過要記得把onclcik裡面的submit()刪除，不然會送出兩次喔

以上這兩點希望能對您有所幫助，也謝謝您的分享囉

[b2_699691]

謝謝
我會在加油的>"<