HTML5技术

input效果:当鼠标在input中输入文字是改变内部文字效果 - 走向未知

字号+ 作者:H5之家 来源:博客园 2016-03-12 12:00 我要评论( )

主要用到属性:onpropertychange事件(属性改变时触发的事件),oninput属性(当input有输入时发生的事件) onpropertychange事件是IE专属事件 oninput属性兼容非IE浏览器 例如: 代码 input type="text" placeholder=" 输入用户名" onpropertychange="this.

主要用到属性:onpropertychange事件(属性改变时触发的事件),oninput属性(当input有输入时发生的事件)

onpropertychange事件是IE专属事件

oninput属性兼容非IE浏览器

例如:

代码

<input type="text" placeholder=" 输入用户名" onpropertychange="this.style.color='black'" oninput="this.style.color='black'"> <input type="password" placeholder=" 输入密码" onpropertychange="this.style.color='black'" oninput="this.style.color='black'">

 

原始样式:

修改前输入效果:

自该后输入效果:

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 自定义input默认placeholder样式 - 小碎步

    自定义input默认placeholder样式 - 小碎步

    2017-04-20 13:00

  • input输入框校验,字母,汉字,数字等 - 张宇凡20

    input输入框校验,字母,汉字,数字等 - 张宇凡20

    2017-03-30 09:01

  • Css3中拖拽效果的实例(带有注释~欢迎指教) - 一混五六年

    Css3中拖拽效果的实例(带有注释~欢迎指教) - 一混五六年

    2017-03-04 10:00

  • c3和js写的切割轮播图 喜欢宋仲基的妹子汉子们来,观看效果需要引入jQuery^^ - 柿子橙

    c3和js写的切割轮播图 喜欢宋仲基的妹子汉子们来,观看效果需要引入j

    2017-02-26 14:01

网友点评
e