HTML讓表單 文字框 唯讀不可編輯的方法

2021-09-02 02:57:16 字數 409 閱讀 5438

1: οnfοcus=this.blur()

2:readonly

3: disabled

readonly和disabled是用在表單中的兩個屬性,它們都能夠做到使使用者不能夠更改表單域中的內容。但是它們之間有著微小的差別,總結如下:

readonly只針對input(text / password)和textarea有效,而disabled對於所有的表單元素都有效,包括select, radio, checkbox, button等。

但是表單元素在使用了disabled後,當我們將表單以post或get的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去(這種情況出現在我們將某個表單中的textarea元素設定為disabled或readonly,但是submit button卻是可以使用的)。

設定HTML表單文字框為唯讀的幾種方式

有時候,我們希望表單中的文字框是唯讀的,讓使用者只能檢視資訊而不能修改其中的資訊,使 input type text name input value html 的內容中value得值,就是 html 不可以修改。實現的方式有如下幾種。方法一 修改 onfocus 引數為 this.blur typ...

使input文字框不可編輯的方法

disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與 一起使用。示例 readonly 屬性規定輸入欄位為唯讀可複製,但是,使用者可以使用tab鍵切...

html基礎文字框

為水平屬性 設定td的屬性alignalign left align center align right 為垂直屬性 設定td的屬性valignvalign top valign middle valign bottom 橫跨兩列,水平合併 設定td的屬性colspan colspan 2 指橫跨...