參考：https://blog.csdn.net/qq_14993591/article/details/122603310 ...

如圖，為一個搜索框添加一個放大鏡形狀的小圖標，點擊小圖標能夠submit表單 方法1： 參考:https://stackoverflow.com/questions/48042213 ...

由於placeholder是html5的屬性，僅支持html5的瀏覽器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 ...

...

placeholder屬性是css3中新增加的屬性， 由於是新加入的屬性因此對各大瀏覽器都不兼容： 因此在使用的時候要加兼容性 　　火狐:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 　　color:#999; 　　} 　火狐 ...

直接上代碼 ...

在輸入框內加入小圖標，主要有兩種方法 一、使用標簽<i>存放圖標，利用絕對定位調整位置，圖標圖層需要在input之上 二、在input內直接使用背景圖片放在圖標，利用background-position調整位置 ...

一、須知 placeholder屬性是css3中新增加的屬性，IE9和Opera12以下版本的CSS選擇器均不支持占位文本。 二、設置placeholder文字顏色、字號 方式1 因為每個瀏覽器的CSS選擇器都有所差異，所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input ...