码迷,mamicode.com
首页 > 其他好文 > 详细

关于表单元素input的美化

时间:2016-07-30 23:58:47      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:

<div class="cell">
<input type="text" name="Username" id="js-mobile_ipt" value="请输入用户名" class="text" maxlength="20"
onfocus="if (value ==‘请输入用户名‘){value =‘‘;this.className=‘text‘}"
onblur="if (value ==‘‘){value=‘请输入用户名‘;this.className=‘text‘}" />
</div>
<div class="cell">
<input type="text" name="Password" id="js-mobile_pwd_ipt" value="请输入密码" class="text"
onfocus="if(this.value==defaultValue) {this.value=‘‘;this.type=‘password‘;this.className=‘text‘}"
onblur="if(!value) {value=defaultValue; this.type=‘text‘;this.className=‘text‘}" />
</div>
<div class="cell vcode">
<input type="text" name="Code" id="js_vcode_ipt" class="text" maxlength="5" value="输入验证码"
onfocus="if (value ==‘输入验证码‘){value =‘‘;this.className=‘text‘}"
onblur="if (value ==‘‘){value=‘输入验证码‘;this.className=‘text‘}" />
<div id="code" class="code" onclick="createCode()"></div>
<span> <a id="js-mail_vcode_a" href="javascript:;" onclick="createCode()"> 换一张</a> </span>
</div>

关于表单元素input的美化

标签:

原文地址:http://www.cnblogs.com/yzyqqhr/p/5721932.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!