龙空技术网

HTML-用户框密码框添加小图标

GuXiangManSui 44

前言:

现时朋友们对“html创建密码框”可能比较重视,朋友们都想要学习一些“html创建密码框”的相关资讯。那么小编也在网络上搜集了一些对于“html创建密码框””的相关文章,希望朋友们能喜欢,小伙伴们一起来了解一下吧!

<style>    .user-input {        padding-left: 20px;        background: url("skin/lte/images/login/login_userico.png") no-repeat scroll left center transparent;        height: 30px;    }    .pwd-input {        padding-left: 20px;        background: url("skin/lte/images/login/login_codeico.png") no-repeat scroll left center transparent;        height: 30px;    }</style><div id="container">    <div id="output">        <div class="containerT">            <h1 style="color: cornsilk;font-size: 20px;">XXXXXX系统</h1>            <form class="form" id="entry_form">                <div id="errMsgBox" class="input_box1" style='display:none'>                    <span id="errMsgSpan">用户名不正确请重新输入</span>                </div>                <input name="signature" type="hidden"/>                <input name="op" type="hidden"/>                <input name="mainTitle" type="hidden" value="<%=mainTitle%>"/>                <input name="mainPage" type="hidden" value="<%=mainPage%>"/>                <input id="os" name="os" type="hidden"/>                <input type="text" class="user-input" placeholder="用户名" id="entry_name" value="">                <input type="password"  class="pwd-input" placeholder="密码" id="entry_password">                <button type="button" id="entry_btn" style="color: darkgoldenrod;" onclick="loginSubmit()">登录</button>                <div id="prompt" class="prompt"></div>            </form>        </div>    </div></div>

标签: #html创建密码框