web项目中设置input框默认值
web项目中设置input框默认值
_Tomorrow 发表于2年前
web项目中设置input框默认值
  • 发表于 2年前
  • 阅读 162
  • 收藏 3
  • 点赞 0
  • 评论 0
摘要: 在实际项目中,我们呢常常会遇到给input框加上默认值,实现初始化input框的时候有初始值,当点击input框时初始值移除,下面文章中会介绍用js和html5实现这种效果

1.用js实现:在input标签中添加代码(因为现实中没有用h5所以用这种方法实现)

  

<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}">

 

2.在input标签中添加placeholder

<input name="" type="text"  id="" style="width:80px;"  placeholder="请输入用户名">

 

 

共有 人打赏支持
粉丝 5
博文 21
码字总数 2621
×
_Tomorrow
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: