源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

input输入框鼠标焦点提示信息

  • 时间:2020-07-15 13:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:input输入框鼠标焦点提示信息
问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现。如图所示: [img]http://files.jb51.net/file_images/article/201503/201503170852041.jpg[/img] 做法如下:
[u]复制代码[/u] 代码如下:
<input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}" onblur="if (value ==''){value='请输入2-5个中文名字'}" value="请输入2-5个中文名字">  <input type="text" name="tel" id="tel" class="ind_cont_input ind_cont_inputioce2 ind_cont_inputboder1" value="请输入您的电话" onfocus="if (value =='请输入您的电话'){value =''}" onblur="if (value ==''){value='请输入您的电话'}"> 
注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。 以上就是本文所述的全部内容了,希望大家能够喜欢。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部