星空网 > 软件开发 > 网页设计

input效果:当鼠标在input中输入文字是改变内部文字效果

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

onpropertychange事件是IE专属事件

oninput属性兼容非IE浏览器

例如:

代码

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

 

原始样式:

input效果:当鼠标在input中输入文字是改变内部文字效果

修改前输入效果:

input效果:当鼠标在input中输入文字是改变内部文字效果

自该后输入效果:

input效果:当鼠标在input中输入文字是改变内部文字效果

 




原标题:input效果:当鼠标在input中输入文字是改变内部文字效果

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

跨境小波儿:https://www.goluckyvip.com/tag/36914.html
跨境小超哥:https://www.goluckyvip.com/tag/36915.html
跨境小当家:https://www.goluckyvip.com/tag/36916.html
跨境小队长:https://www.goluckyvip.com/tag/36917.html
跨境小二:https://www.goluckyvip.com/tag/36919.html
跨境小黑:https://www.goluckyvip.com/tag/36920.html
如何从抖音上多挣钱?记住这12个字 :https://www.kjdsnews.com/a/1836445.html
连麦专家:2024年到底如何做小红书? :https://www.kjdsnews.com/a/1836446.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流