placeholder是input標簽的新屬性,在使用的時候有兩個問題: 1、IE8 下不兼容 處理思路: 如果瀏覽器不識別placeholder屬性,給input添加類名placeholder,模仿placeholder屬性的樣式,並給input 的value賦值placeholder屬性 ...
這是一個老問題,結合前輩們的經驗,需要處理的問題有一下幾個。 .只有輸入框 input textarea 下的palaceholder屬性存在的時候才需要處理這類兼容 .處理好輸入框上焦點和是焦點的文本顯示 .密碼輸入框比較特殊,因為為其設置顯示文本時顯示的是一串 。這個問題后面分析。處理好前兩點還是比較簡單的,處理源碼為如下 可以看出處理還是比較簡單的。在不支持placeholder的瀏覽器下 ...
2015-12-21 10:27 0 1885 推薦指數:
placeholder是input標簽的新屬性,在使用的時候有兩個問題: 1、IE8 下不兼容 處理思路: 如果瀏覽器不識別placeholder屬性,給input添加類名placeholder,模仿placeholder屬性的樣式,並給input 的value賦值placeholder屬性 ...
如下: 2、placeholder的瀏覽器兼容性和在不同瀏覽器下的 ...
placeholder 是 html5 新增加的屬性,主要提供一種提示(hint),用於描述輸入域所期待的值。該提示會在輸入字段為空時顯示,並會在字段獲得焦點時消失。placeholder 屬性適用於以下類型的 input 標簽:text, search, url, telephone ...
HTML5對Web Form做了許多增強,比如input新增的type類型、Form Validation等。Placeholder是HTML5新增的另一個屬性,當input或者textarea設置了該屬性后,該值的內容將作為灰字提示顯示在文本框中,當文本框獲得焦點時,提示文字消失。以前要實現 ...
如下: 2、placeholder的瀏覽器兼容性和在不同瀏覽器下的表現 由於placeho ...
一、 input常用在表單的輸入,包括text,password,H5后又新增了許多type屬性值,如url, email, member等等,考慮到非現代瀏覽器的兼容性問題,這些新的type常用在移動端的項目中。 二、 IE10+瀏覽器下,input標簽會有一個默認 ...
1、什么是placeholder? placeholder是html5新增的一個屬性,當input或者textarea設置了該屬性后,該值的內容將作為灰字提示顯示在文本框中,當文本框獲得焦點(或輸入內容)時,提示文字消失。 2、placeholder的瀏覽器兼容性和在不同瀏覽器下的表現 ...
.phcolor{ color:#999;}//css樣式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function ...