1. 程式人生 > >簡單用戶名輸入框

簡單用戶名輸入框

height eight rep NPU repeat 輸入框 adding wid log

二種:

<div style="width: 400px;height: 35px;position: relative;">
    <input type="text" style="width: 360px;height: 35px;padding-right: 40px;"/>
    <div style="width: 35px;height: 35px;position: absolute;right: 0;top: 2px;background: url(pwd-icons.png) 0 0 no-repeat;"></div>
</div>
<p />
<div style="width: 400px;height: 35px;position: relative;border: 1px solid #bcbcbc;">
    <label for="loginname" style="position: absolute;top: 0;left: 0;width: 35px;height: 35px;background: url(pwd-icons.png) 0 0 no-repeat;border-right: 1px solid #a9a9a9;"></label>
    <input id="loginname" style="width: 360px;height: 33px; border: 0;padding-left: 40px;" type="text" />
</div>

  

簡單用戶名輸入框