HTML中让表单input不可编辑的方法

1个回答

写回答

xh950617

2024年03月12日

+ 关注

HTML中让表单input不可编辑的方法,有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input type=text name=input1 value=中国 的内容,中国两个字不可以修改。表单input不可编辑的方法实现的方式归纳一下,有如下几种。

input不可编辑,方法1: onfocus=this.blur() 当鼠标放不上就离开焦点

input type=text name=input1 value=中国 onfocus=this.blur()

input不可编辑,方法2:readonly

input type=text name=input1 value=中国 readonly

input type=text name=input1 value=中国 readonly=true

方法3: disabled

input type=text name=input1 value=中国 disabled=true

完整的例子:

input name=ly_qq type=text tabindex=2 onMouseOver=this.className='input_1' onMouseOut=this.className='input_2' value=123456789 disabled=truereadOnly=true /

disabled=true 此处文字会变成灰色,input不可编辑。

readOnly=true 文字不会变色,也是不可编辑的

css屏蔽输入:input style=ime-mode: disabled

令input不可编辑有两种方法第一:disabled=disabled这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly=readonly 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

举报有用(13分享收藏

Copyright © 2025 IZhiDa.com All Rights Reserved.

知答 版权所有 粤ICP备2023042255号