如何设置select，input只读不可编辑且值可传递

今天实现一个需求的时候遇到这个问题，总结如下：

一、使input文本框不可编辑，我知道的有三种方法

1. disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。
示例：<input type="text" disabled="disabled" />

2. readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
示例：<input type="text" readonly="readonly">

3. readonly unselectable="on" 该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。示例：<input type="text" readonly unselectable="on" >（还是菜鸟一枚，写的不对的地方欢迎指正！）

二·、设置select只读不可编辑

1. 设置disabled属性

这个看起来就有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色

注：当属性设置为"disabled"时，提交表单时，select的值无法传递，可以在提交表单之前移除disabled属性("#role").removeAttr("disabled");

如何设置select，input只读不可编辑且值可传递相关推荐

Jquery 对select option的移除，设置页面input只读
$("#deviceType").val("${model.deviceType }"); $("#enable").val("$ ...
HTML如何设置select下拉框的默认值？
本篇文章给大家介绍设置select下拉框默认值的方式.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 我们可以在所需选项上使用"selected"属性来设置sel ...
MFC设置文本框只读/不可编辑，可复制
选择控件拖到界面属性设置
easyui textbox 设置只读不可编辑状态
在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效.依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的 ...
jQuery代码设置input输入框不可编辑的切换
1.开启disabled,是input不可以编辑 $("#input_id").attr("disabled","disabled"); 2 ...
html设置input输入框不可编辑
在编辑网页,要设置input输入框不可编辑. 网上给了个参考答案,是设置输入框属性为disbale,样例如下: <input type="text" id="sam ...
php+输入框只读,设置文本框只读（textbox/input readonly）不允许输入
文本框一般是用来让用户输入填写资料的,但有的时候只是用它来显示资料,也就是不允许输入任何内容,这应该怎么设置?只要添加一个只读属性(readonly)就能达到这个目的. 文本框有两种,一种为服务器控件 ...
设置input标签不可编辑
<input type="text" placeholder="请输入" readonly="readonly" /> 设置了 ...
设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...

如何设置select，input只读不可编辑且值可传递

如何设置select，input只读不可编辑且值可传递相关推荐

最新文章

热门文章