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

2021-08-01 17:59:04 字數 575 閱讀 2659

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

方法一:修改 onfocus 引數為 this.blur()

type=

"text" name="input"

value="html" onfocus=this.blur()>

方法二:新增 readonly 引數

type=

"text" name="input"

value="html" readonly>

type=

"text" name="input"

value="html" readonly="true">

方法三:新增 disabled 引數

type=

"text" name="input"

value="html" disabled>

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

1 nf cus this.blur 2 readonly 3 disabled readonly和disabled是用在表單中的兩個屬性,它們都能夠做到使使用者不能夠更改表單域中的內容。但是它們之間有著微小的差別,總結如下 readonly只針對input text password 和texta...

html 中的 文字框設定

禁用 非常簡單的方法 disabled true 收集了一些對input進行限制的方法 1.取消按鈕按下時的虛線框 引用 在input裡新增屬性值 hidefocus 或者 hidefocus true 2.防止退後清空的text文件 可把style內容做做為類引用 html 3.enter鍵可以讓...

PHP實現設定文字框的唯讀屬性

一 conn.php conn mysql connect localhost root root 連線資料庫伺服器 mysql select db db database24 conn 連線db database08資料庫 mysql query set names utf8 設定資料庫編碼格式 ...