html文本框不可编辑，禁止用户修改的几种方法

Question

html文本框不可编辑，禁止用户修改的几种方法

Answer 1

具体步骤：方法一：设置readonly属性为true。Html代码1.<input type="text" value="readonly" readonly><input type="text" value="readonly" readonly>方法二：设置disabled属性为true。Html代码1.<input type="text" value="disabled" disabled><input type="text" value="disabled" disabled>方法三：在对象focus时立刻让它blur，使它无法获得焦点。Html代码1.<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"><input type="text" value="onfocus=this.blur()" onfocus="this.blur()">提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。

Answer 2

<input type="text" readonly="readonly" /> 规定输入字段为只读。<input type="text" disabled="disabled" /> disabled 属性规定应该禁用 input 元素。

Answer 3

123456<!--disabled&nbsp;属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。具体请看下面的demo-->Lastname:&nbsp;<input&nbsp;type="text"&nbsp;name=""&nbsp;value="请输入用户名"&nbsp;disabled&nbsp;/>&nbsp;