html设置input输入框不可编辑

在编辑网页，要设置input输入框不可编辑。

网上给了个参考答案，是设置输入框属性为disbale，样例如下：

<input   type="text"  id="sample" name="sample" value="sample" disabled />

设置完成后，发现input输入框确实是不可编辑了，但另一方面，也不可用了，即无法点击了。显然，disable不是比较好的方法。

比较好的方法是设置属性readonly，样例如下：

<input   type="text"  id="sample" name="sample" value="sample" readonly="readonly"/>

此时，输入框不可编辑，同时可用（可点击）。

html设置input输入框不可编辑相关推荐

jQuery代码设置input输入框不可编辑的切换
1.开启disabled,是input不可以编辑 $("#input_id").attr("disabled","disabled"); 2 ...
js设置input输入框为必选输入框，判断空格或null值
设置input为输入框为必选输入框,即判空: <form action="demo-form.php">Username:<span style="co ...
设置input标签不可编辑
<input type="text" placeholder="请输入" readonly="readonly" /> 设置了 ...
设置input为不可编辑状态
input的两个属性:disable,readonly disable不向后台传值 readonly向后台传值
input输入框不可编辑
(1)Contenteditable=true|false; 仅支持HTML5. (2)js的contentEditable (3)disabled | readonly | readonly uns ...
input输入框内容只读
有的时候一些固定的数据只能观看而无法修改,那麽我们如何设置呢? 设置input输入框内容的只读性在此我总结了两个方法. 效果演示确实进行了选中修改添加文本内容等操作,但是数据始终是无法修改的. 方法 ...
谷歌浏览器使用记住密码功能导致input 输入框样式改变的解决办法
使用到谷歌浏览器的记忆功能时选择的内容为浏览器保存的内容时会导致样式改变! // 在使用浏览器保存的数据时输入框的样式 input:-webkit-autofill , textarea:- ...
设置input 不可编辑的方法
设置input 不可编辑的方法方法一:disabled 属性规定禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字的颜色 ...
如何设置select，input只读不可编辑且值可传递
今天实现一个需求的时候遇到这个问题,总结如下: 一.使input文本框不可编辑,我知道的有三种方法 1. disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不 ...

html设置input输入框不可编辑

html设置input输入框不可编辑相关推荐

最新文章

热门文章