1. 程式人生 > >關於input的標籤屬性樣式的粗略

關於input的標籤屬性樣式的粗略

input的標籤主要在表單form中使用到的 但是,對於一個簡單的input的標籤,卻又較多的屬性值,各種屬性值也讓我們的input變得格外的強大。
下面,我們簡單的梳理一下 input type型別的屬性值

  1. 第一個是text,text是input的預設屬性值,當你什麼也不給的時候,瀏覽器會給他一個文字的屬性。
  2. 第二個是search這個屬性和第一個相似,但是提供了一個清除功能,而且,在瀏覽器的運行當中,會優先識別這個
  3. 第三個是password password主要是針對輸入框是否顯示可見來運用。
  4. 第四個 我們可以瞭解一下 radio 這是一個單選框,我們可以用這個來表示勾選與否,但是,需要注意的是,要實現單選功能,我們需要把其name設定成一致才能執行。
  5. checkbox 這個和radio相似,是一個多選框。
  6. file 這個可以實現檔案的上傳,當要實現多個檔案上傳是,我們需要加入multiple
  7. 接下來的三個 submit reset button 表現形式都和按鈕差不多,但是前兩者可以實現一個功能 後面僅僅是一個按鈕。我們用到這裡是 ,需要引用一個value值,表示名稱。
  8. 值得我們注意的是,我們需要對,當我們使用input的標籤是,我們要儘可能的為其name賦予值。要養成習慣。
  9. 當然,還有很多的屬性值 如maxlength readonly disabled等等。還有在HTML5 中加入了一些 如email number url range color date datetime-local
    等等。
  10. 除了談論input以為,我們也可以簡單的瞭解一下selecttextarea 兩個表單標籤。這個可以幫助我們更好地 構建一個表單。