input效果:當鼠標在input中輸入文字是改變內部文字效果


主要用到屬性:onpropertychange事件(屬性改變時觸發的事件),oninput屬性(當input有輸入時發生的事件)

onpropertychange事件是IE專屬事件

oninput屬性兼容非IE瀏覽器

例如:

代碼

<input id="Login_username" class="Login_input" name="Login_username" type="text" placeholder=" 輸入用戶名" onpropertychange="this.style.color='black'" oninput="this.style.color='black'">
<input id="Login_pwd" class="Login_input" name="Login_pwd" type="password" placeholder=" 輸入密碼" onpropertychange="this.style.color='black'" oninput="this.style.color='black'">

 

原始樣式:

修改前輸入效果:

自該后輸入效果:

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com