关于html:如何设置-input-框为不可编辑状态-四种方法

6次阅读

共计 531 个字符,预计需要花费 2 分钟才能阅读完成。


办法 一 : readonly 规定输出字段为只读可复制,然而,用户能够应用 Tab 键切换到该字段,可抉择, 能够接管焦点,还能够选中或拷贝其文本。(状态: 输入框会变成灰色)

<input type="text" value="hello JavaScript" readonly="readonly">

办法 二 : disabled 被禁用的 input 元素可复制,不能接管焦点, 设置后文字的色彩会变成灰色。无奈与 一起应用。(状态: 输入框会变成灰色)

<input type="text" value="hello JavaScript" disabled="disabled">

办法 三 : 通过管制 input 的 max length 为 0 实现

<input type="text" maxlength="0">

办法 四 : οnfοcus=”this.blur();“onfocuse 是聚焦的意思,当你把光标放在文本框上输出的时候,就是聚焦,但这里增加了 ”this.blur()”,blur 的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输出文本了 (状态: 输入框无变色)

<input type="text" value="hello JavaScript" οnfοcus="this.blur();">
正文完
 0