HTML5中input輸入框的種類

2021-07-28 04:49:32 字數 703 閱讀 2863

1、問題背景

input輸入框從html5版本開始,有多少種型別

2、實現原始碼

3、實現結果

4、例項說明

(1)button:按鈕

(2)checkbox:核取方塊

(3)color:顏色

(4)date:日期

(5)datetime:日期時間

(6)email:電子郵件

(7)file:檔案

(8)hidden:隱藏域

(9)image:影象

(10)month:月份

(11)number:數字

(12)password:密碼

(13)radio:單選按鈕

(14)range:範圍

(15)reset:重置

(16)search:搜尋

(17)submit:提交

(18)tel:**號碼

(19)text:文字域

(20)time:時間

(21)url:路徑

(22)week:星期

html中input輸入框使用總結

1 選中去除文字框文字,離開後顯示原有文字 input name key type text id key value size 30 onmouseover this.focus this.select onclick if value defaultvalue onblur if value s...

在HTML中限制input 輸入框只能輸入純數字

限制 input 輸入框只能輸入純數字 1 onkeyup value value.replace d g,使用 onkeyup 事件,有 bug 那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母 2 onchange value value.replace d g,使用 onchan...

在HTML中限制input 輸入框只能輸入純數字

1 onkeyup value value.replace d g,使用onkeyup事件,有bug,那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母 2 onchange value value.replace d g,使用onchange事件,在輸入內容後,只有input喪失焦點時...