input注意事項

2022-06-14 10:33:08 字數 1385 閱讀 5475

一、更改place-holder顏色

input::-webkit-input-placeholder

input:-moz-placeholder

input::-moz-placeholder

input:-ms-input-placeholder

知識點:單冒號(:)用於css3偽類,雙冒號(::)用於css3偽元素。

css偽類:css 偽類用於向某些選擇器新增特殊的效果。

css偽元素:css 偽元素用於向某些選擇器設定特殊效果。

偽元素由雙冒號和偽元素名稱組成。雙冒號是在當前規範中引入的,用於區分偽類和偽元素。但是偽類相容現存樣式,瀏覽器需要同時支援舊的偽類,如:first-line,:first-letter,:before,:after等等。因此對於css2之前已經有的偽元素兩種寫法的作用是一樣的,但是為了相容ie瀏覽器還是使用單冒號的寫法;

二、js對input屬性checked操作

input中checked屬性更改在js中最好用prop

對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。(checked屬於固有屬性)

對於html元素我們自己自定義的dom屬性,在處理時,使用attr方法。

三、textarea中間不要有空格,空格會在文字框裡算字數。另外resize:none 這個屬性也屬於必帶。

四、監聽input

對支援oninput的瀏覽器用oninput,其他瀏覽器(ie6/7/8)使用onpropertychange:

oninput事件與onpropertychange事件的區別: 

oninput事件是ie之外的大多數瀏覽器支援的事件,在value改變時觸發,實時的,即每增加或刪除乙個字元就會觸發,然而通過js改變value時,卻不        會觸發;onpropertychange事件是任何屬性改變都會觸發的,而oninput卻只在value改變時觸發,oninput要通過addeventlistener()          來註冊,onpropertychange註冊方式跟一般事件一樣。(此處都是指在js中動態繫結事件,以實現內容與行為分離) 

oninput與onpropertychange失效的情況: 

(1)oninput事件:a). 當指令碼中改變value時,不會觸發;b).從瀏覽器的自動下拉提示中選取時,不會觸發。 

(2)onpropertychange事件:當input設定為disable=true後,onpropertychange不會觸發。 

var ie = !!window.activexobject;  

if(ie)

else

使用mui的input元件的注意事項

業務需求這樣 使用者前乙個頁面選擇了乙個機構,到機構頁面agents.html,預設選中該input框。一開始我是這樣做的 if insid count為計數使用,機構頁面最多選擇3個機構。當選擇3個的時候。其他機構的input框為不可點選狀態,即新增disabled屬性。之後在控制台列印count...

java DOM 注意事項

1.w3c把標籤內的文字部分也定義成乙個node 2.element物件代表的是xml文件中的標籤元素 繼承於node,亦是node的最主要的子物件 3.attr實際上是包含在element中的,它並不能被看作是element的子物件,因而在dom中attr並不是dom樹的一部分,所以node中的 ...

static注意事項

static關鍵字是c,c 中都存在的關鍵字,它主要有三種使用方式,其中前兩種只指在c語言中使用,第三種在c 中使用 c,c 中具體細微操作不盡相同,本文以c 為準 1 區域性靜態變數 2 外部靜態變數 函式 3 靜態資料成員 成員函式 下面就這三種使用方式及注意事項分別說明 一 區域性靜態變數 在...