input表单的默许提醒js方法(ie低版本不成编辑带

  在h5的新属性中,曾经可以支撑该功用,直接在input外面加上placeholder=“请输入XXX……”便可以到达后果。

  然则低版本的ie和其他不支撑h5新属性的浏览器就不能用这个方法了。

  另外一种复杂的方法就是直接设置value和样式,value="请输入XXX……" style="color:#333" 然后添加

  ?onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"

  认为不是很满意,又找到一种方法:

  html

  

  JS

  //请输入预定人姓名提醒

  $('#name').val($('#name').attr('fs')).css('color','#999');

  $('#name').focus(function(){

  if($(this).val()==$(this).attr('fs')){

  ? ? ? ? ? $(this).val('');

  ? ? ? ? ? $(this).css('color','#333');

  ? ? ? ? } ? ?

  });

  $('#name').blur(function(){

  if($(this).val().trim()==''){

  ? ? ? ? ? $(this).val($(this).attr('fs'));

  ? ? ? ? ? $(this).css('color','#999');

  ? ? ? ? } ? ?

  });

  接着因为营业需求,需求将局部input设为不成编辑,但在ie低版本下发明,鼠标单击后会出现光标闪烁,因而找了一下,发明有这么一个属性

  unselectable="on" (不成选中的)可以直接到达后果

  

您可能还会对下面的文章感兴趣: