好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > html5配合css3實現帶提示文字的輸入框(擺脫js)

html5配合css3實現帶提示文字的輸入框(擺脫js)
熱門標簽：地圖標注自己去過的地方 平頂山電子地圖標注怎么修改 標準智能外呼系統 江蘇高頻外呼系統線路 電銷機器人視頻 會聲會影怎樣做地圖標注效果 高德地圖標注錯誤怎么修改 洛陽市伊川縣地圖標注中心官網 搜狗星級酒店地圖標注
很久沒寫過技術文章了，最近一直在以Webkit作為載體開發系統，當然需要大量使用Html5與CSS3，不僅減少大量的JS還可以保證更流暢。
 
當選中對話框后，提示文字變淺色,輸入后消失.這個現在通行的做法是在Input標簽后面增加一個Label。使用JS控制。
HTML5出現后，我們有一個更好的方法。 

復制代碼
代碼如下:

<input type="text" placeholder="用戶名或郵件地址" name="username"/>

我們看到有placeholder標簽，可以作為用戶文字提示。這樣子就非常方便了。但是為了最求完美，我們需要在選中后，將文字變淺，或者修改提示文件的樣式，我們該怎么辦？

復制代碼
代碼如下:

input::-webkit-input-placeholder {
color: #999;
-webkit-transition: color.5s;
}
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
color: #c2c2c2;
-webkit-transition: color.5s;
}

-webkit-input-placeholder，webkit特有的一個css，可以控制里面的文字樣式，配合css3的動畫效果和偽類，我們就可以很容易做出一個帶動畫的輸入框，在系統登錄、搜索等位置很適合。當然你要為了兼容IE6，這個方法是行不通。不過Ie9也支持placeholder標簽，就是無法修改它的顏色而已。
那么，如果不支持該怎么辦？可以簡單直接使用Jquery幫忙，那么在就不在本文討論范圍了。
給一個Demo，Demo地址 必須在Webkit瀏覽器下才看到完整效果。是不是很方便？

標簽：鄂爾多斯 阿克蘇 果洛 廣東 廣西 蚌埠 常德 松原

巨人網絡通訊聲明：本文標題《html5配合css3實現帶提示文字的輸入框(擺脫js)》，本文關鍵詞  html5,配合,css3,實現,帶,提示,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5配合css3實現帶提示文字的輸入框(擺脫js)》相關的同類信息！
  • 本頁收集關于html5配合css3實現帶提示文字的輸入框(擺脫js)的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 狼毫笔湿h调教| 大汉臊烂你开荤粗肉高H视频| 亚洲一路线二路线| 2019国产麻豆剧传媒视| 泽塔琼斯三点尽露三级| 国产女王调教视频在线| 国产永久地址| 19嘘禁止想象豆瓣超清70分钟| 91热精品| 夫の目前侵犯人妻| xxxx欧美视频| 啊…啊一个一个慢慢来 | 水多多导航| 日本无码一级A片毛片视频| AA片免费网站| 男人摸女人逼| 欧洲成品大片在线播放| 乡村故事| 美女被桶张动态gif动态图| 成人毛片???91| 乡野情欲| 国产成人精品免费午夜app| xxxxchina麻豆免费视频| 免费夜色污私人网站在线观看 | 国产二区自拍| 亚洲日本人成网站在线播放| japanav在线| 久久91亚洲精品中文字幕| 美女裸体18禁?游戏苹果| AV一区AV久久AV无码99 | 一级做a爱过程免费视频高清| 波多野结衣老师在线观看| 少妇被又大又粗进进出出A片| 亚洲男女免费视频| 白洁公交车被挺进体内H| 美国式禁忌所表达的主题| 美女日批免费视频| 好男人视频社区精品免费| 乡村桃运小神医小说| 宫女婬春未删减在线播放| 亲胸揉胸膜下刺激视频有哪些软件 |