關於 html input標籤的幾個常用操作

2022-07-04 23:24:15 字數 693 閱讀 2305

input

input::-webkit-input-placeholder

input:focus
輸入框選中後樣式有了變化

方法1: onfocus=this.blur() 當滑鼠放不上就離開焦點

方法2:readonly 

注意: readonly表示此域的值不可修改,僅可與 type="text" 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值

方法3: disabled 

readonly="readonly" 推薦

注意: readonly表示此域的值不可修改,僅可與 type="text" 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值

disabled="true" 此果文字會變成灰色,不可編輯,不可點選。 

readonly="true" 文字不會變色,也是不可編輯的,可點選。

css遮蔽輸入:

有兩種方法第一:disabled="disabled"這樣定義之後被禁用的 input 元素既不可用,也不可點選。第二:readonly="readonly" 唯讀欄位是不能修改的。不過,使用者仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文字

HTML input 標籤的基本使用

input標籤是用於web的表單建立互動性控制項,以便接受來自使用者輸入提交的資料。sample type屬性 標籤的工作方式取決於type屬性的值。type 描述button 沒有預設行為的按鈕,上面顯示 value 屬性的值,預設為空。checkbox 可以設定選中或未選中 color 用於指定...

HTML Input 標籤限制輸入型別

最近在開發完乙個專案後,又測試人員測試bug,然後我根據他們測試出來的bug乙個乙個的改,然後就遇到了乙個問題,文字框是用來搜尋,但是,比如這個文字框是用來搜尋年齡的區間,輸入條件的時候,如果輸入了非數字的字元就不能輸入。像這樣的問題,其實可以通過正規表示式來做的,我們開發的專案中是已經有相應的正規...

關於星期幾的判斷

今天作業中遇到了一道關於根據具體日期判斷星期幾和根據年月輸出日曆的問題。這應該是一道很經典的問題,恰好乙個月前我大學班上的乙個同學面試的機試題中就有這樣一道題,解法是多種多樣,這裡我列出我自己認為比較方便的一種方法。基姆拉爾森法 法一 基姆拉爾森法 if month 1 month 2 求出星期數 ...