input元素及其屬性


<input>元素時表單最常見的元素  網頁中的單行文本框  單選按鈕  復選框等都是由他來進行定義

input 相關屬性

type  text  單行文本輸入框

            常輸入簡短的信息 用戶名 賬號 證件號 name value maxlength

            

   password 密碼輸入框

            內容將以圓點的形式顯示

   radio 單選按鈕

            選擇性別 是否操作 在定義單選按鈕時必須為同一組的中的選項指定相同的name值 這樣單選才會生效

  checkbox 復選框

            多項選項 興趣 愛好 

  button  普通按鈕

            常常配合javascript使用

  submit 提交按鈕

  reset 重置按鈕

            清空所有內容重新輸入

  image 圖像形式的按鈕

  hidden 隱藏域

            對於用戶不可見 通常用於后台的程序

  file 文件域

  email E-mail地址的輸入域

  url URL地址的輸入域

  number 數值的輸入域

            檢測輸入的是否為數字 不為數字將不容許提交

  range 一定范圍內數字值的輸入域

            提供范內數值的輸入范圍 在網頁中顯示為滑動條 通過設定setp設定每次滑動的步幅

  Date pickers(date-選取日 月 年 month-選取月年  week-選取周 年 time-選取小時和分鍾 datetime-選取時間,日,月,年(UTC時間) datetine-local-選取時間,日,月,年(本地時間)) 時間和日期的輸入域

  search 搜索域

  color 顏色輸入類型

  tel 電話號碼輸入類型

name 由用戶自定義 控件的名稱、

value 由用戶自定義  input控件中的默認文本值

size  正整數 input控件在頁面中的顯示寬度

readonly readonly 該控件內容為只讀

disabled disabled 第一次加載禁用該插件

checked  checked 定義該控件默認被選中的項

maxlength 正整數 允許輸入的最多字符串長度

autocomplete  on/off 是否自動完成表單字段內容

autofocus autofocus 加載完成后是否自動獲取焦點

form form元素的id 設定字段隸屬於哪一個或多個表單

list datalist元素的id 指定字段的候選數據值列表

multiple  multiple   指定輸入框是否可以選取多個值

min max step 數值   規定輸入框的允許的最大值 最小值 及其間隔

input元素的其他屬性

autofocus屬性  指定頁面加載后是否自動獲取焦點

form屬性 把表單內的子元素寫在頁面中的任一位置 只需元素指定form屬性並設置屬性值為該表單的id值即可 此外form屬性還允許規定一個表單控件從屬與多個表單

pattren 字符串  驗證輸入框所輸入的內容是否定義的正則表達式匹配

placeholder 字符串  為input類型的輸入框提供一種提示

requiret requirrd 規定輸入框填寫的內容不能為空


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM