Input设置只读属性

【Input设置只读属性】的更多相关文章

根据条件决定是否为input设置只读属性

代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>根据条件决定是否为input设置只读属性(兼容ie8)</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />…

Input设置只读属性

input设置为只读一般用于查看详情: 格式为: (1)单纯的input框 <div class="form-group"> <label for="conpanyName" class="col-sm-2 control-label col-sm-offset-2">公司名称</label> <div class="col-sm-4"> <input type="…

Google Chrome input 设置 line-height 后光标变得和input一样高

Google Chrome input的height和line-height设置为相同的比默认高度高的值时,当input控件获得焦点并且没有输入内容时,input中的光标会占满整个input控件(如果设置了padding-top或padding-bottom则会低于整个控件的高度),但输入内容后光标高度又马上恢复为字体的高度,效果图和案例代码如下,那么怎么解决这个问题呢? <!DOCTYPE html> <html> <head> <title>line-h…

mvc涉及到input设置了disabled

在做网站管理后台的用户修改功能时,由于当前用户修改个人信息时规定用户名不能修改,故使用了input标签的disabled属性,但是在提交数据后却发现用户名显示为空了.后来一查才知道input设置为disabled值时会有下面的限制:1.不能接收焦点:2.使用tab键时将被跳过:3.可能不是successful的. 解决方法是:可以使用readonly=”readonly”属性代替即可,而input设置为readonly属性也有一些限制:1.可以接收焦点,但不能被修改:2.可以使用tab键进行导航…

input 设置 width:100% 和padding后宽度超出父节点

input 设置 width:100% 和padding后宽度超出父节点添加如下css即可: box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;…

easyui input设置为disabled提交后获取不到属性值

在做网站管理后台的用户修改功能时,由于当前用户修改个人信息时规定用户名不能修改,故使用了input标签的disabled属性,但是在提交数据后却发现用户名显示为空了.后来一查才知道input设置为disabled值时会有下面的限制:1.不能接收焦点:2.使用tab键时将被跳过:3.可能不是successful的. 解决方法是:可以使用readonly=”readonly”属性代替即可,而input设置为readonly属性也有一些限制:1.可以接收焦点,但不能被修改:2.可以使用tab键进行导…

input设置为readonly后js设置intput的值后台仍然可以接收到

今天发现一个奇怪现象,一个input属性readonly的值被设置为readonly,然后有前台js给input设置了新值. 虽然前台看不到效果,但是提交到后台后,仍然可以接收到新值,感觉很奇怪. 我本来以为是别人写的代码有问题,js的执行肯定没有什么效果的.但是调试后,我发现可以接收到新值. 这真是一个奇怪的现象. 问了群友,有人这么说: readonly只是限制用户输入的...你要这么问的话..input type=password .value 获取的也不是 *****啊有人这么…

给类型为text的input设置value值却无法修改

给类型为text的input设置value值后就无法修改了我的页面显示为如下但是退格却无法改变他的值原来是缺少onChange事件,没法监听value的改变所以需要添加 onChange={this.handleChange.bind(this)} HandleChange 函数这么写 handleChange(e){ this.setState({phoneNum: e.target.value}); } 那探索下如果假设有多个input 在setState中设置的值不一样呢很简单这…

解决ios下部分手机在input设置为readonly属性时，依然显示光标

解决ios下部分手机在input设置为readonly属性时,依然显示光标在出现如上所说的问题是尝试给input 加上 onfocus="this.blur()" 方法添加完成后的代码如下 <input name="result" id="result" type="text" onFocus="this.blur();" size="20" value="&qu…

javascript 设置input框只读属性获取disabled后的值并传给后台

input只读属性有两种方式可以实现input的只读效果:disabled 和 readonly. 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同. Disabled说明该input无效,及其value不会传递给任何程序,比如asp.php等.Readonly仅仅是无法编辑,不影响其值的传递. Disabled使用:<INPUT type="text" name="username" value="james"disabl…

html input设置为只读属性

有两种方式可以实现input的只读效果:disabled 和 readonly. 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同. Disabled说明该input无效,及其value不会传递给任何程序,比如asp.php等.Readonly仅仅是无法编辑,不影响其值的传递. Disabled使用:<INPUT type="text" name="username" value="james" disabled>Reado…

miniUI input设置默认值，js获取年月注意事项，数据库nvl函数使用

2017-6-5周一,今天碰到的一个需求是:两税附征模块进入页面筛选时间默认值为当前月的上一个月,并根据筛选结果显示数据,我们用的框架为miniUI. 坑1: 默认值设置,刚刚接触miniUI,对里面的用法和操作不太熟悉,所以我直接用jquery找到时间输入的input框,设置它的val属性,发现不生效,后来查了资料才发现涉及miniUI的标签要用miniUI提供的方法.设置默认值代码如下: //设置id为month2的input框的默认值 mini.get('month2').setValue…

小程序中input设置宽度后宽度还有空间，但是placeholder被遮挡问题

最近在做小程序,已经设置了宽高,placeholder没有超出input宽度,却被挡住了一部分,上代码看一下: wxml: <view class='container'> <input class='phone' placeholder='请输入手机号' placeholder-class='placeholder'></input> <view class='code_container'> <input class='code' placehol…

input设置背景透明、placeholder的字体颜色及大小

1.设置input背景透明: background:rgba(255,255,255,0.1); 前面三个参数为对应的rgb数值,第四个参数为透明度:0~1,0:透明,1:不透明: 2.设置input的placeholder字体颜色和大小: #myInput::-webkit-input-placeholder{ font-size:16px; color: #ffffff; } 3.效果展示:…

js控件设置只读属性和不可用属性

介绍js实现只读的几种方法: 设置控件只读的话,我们要先清楚哪些没有readOlny这个属性我知道的checkbox和RadioButton没有readOlny这个属性,我上一篇已经介绍了如何设置checkbox的只读了. 今天我们只是了解通用的控件只读和不可用 document.getELementById(textId).disabled=true;document.getElementById(textId).setAttribute("disabled", true); do…

input设置为disabled，表单无法提交后台解决方法

<input name="country" id="country" size=12 value="disabled提交时得不到该值 " disabled="disabled" > 放在form表单中提交后得不到该值. 将disabled="disabled" 改为 readonly = "readonly" 即可 ,按照W3C的规范设置为disabled的input…

input设置disabled，经过strus2提交到后台，后台取不到值

页面中有多个name相同的input与后台action中一个属性对应,一直在好奇为什么会可以提交到后台呐,但是有时还报这个属性找不到对应的方法(多个name相同好像匹配的是数组,所以找不到), 但是我的input用js控制了disable,即一次提交表单,表单中name相同的只有一个input不是disable.一直好奇,后来看到如下博客:才明白怎么回事 http://bbs.csdn.net/topics/380063466 即input 设为disabled="disabled" …

react input 设置默认值

1.text类型 <input type="text" value={默认值} /> ,这种写法可以显示默认值,但不能对输入框进行编辑正确写法: <input type="text" defaultValue={默认值} /> 2.checkbox类型 <input type="checkbox" checked />默认勾选,不能更改状态正确写法: <input type="chec…

工作总结表单提交中 Input 设置 disabled readonly

input框里面添加disabled属性之后,该内容就无法向上提交需要的时候也可以再移除disabled readonly这个属性来禁止用户修改, 可以正常提交. Hiddent 隐藏也可以正常提交…

input 设置 display:none后 jquery无法给input赋值

问题出现场景:为什么要用 jquery给input赋值,为什么input带有display:none 在做字典查询的时候,查询参数有字典类型的treeSelect 下拉框,treeSelect渲染后,会自动给input加上display:none,(此时input type属性是text)选中后会给input加上value,但是重置按钮无法清空这个value,只能把选中状态变成请选择,由于value还是存在的,所以没选择的时候查询就不对劲了,那我要重置的时候把value改为0,即请选择的时候查询…

input 设置长度限制去除默认样式

1. <input id="mobile" maxlength="11> 2. input type 为 number 时,maxlength 失效 <input type="number" id="mobile" oninput="if(value.length>11)value=value.slice(0,11)"> reset 默认样式 input[type=color], inp…

css input 设置只读样式

input[readonly]{ background-color: #EEEEEE !important; }…

easyui combobox设置只读属性

$("#id").combobox('readonly',true); //只读 $("#id").combobox('readonly',false); //取消只读…

input只读属性设置和移除选择数字

设置只读属性 $('#stage').attr("readonly", "readonly"); 移除只读属性 $("input").removeAttr("readonly"); attr() 获取/设置元素的属性 , 括号里有1个参数,表示获取: 2个参数表示设置值(第1个参数是属性,二个参数是值) input 只读属性 <input readonly="readonly"> <…

不同类型input尺寸设置区别

最近发现为不用类型的input设置相同的尺寸,却得到了不一样的尺寸结果.发现不同类型的input的height和width竟然含义不同.在此小整理一下. (1)button类型规律 button类型的input的高度height包含了padding和border. 在Chrome下,paddding自动为1px,border自动为2px. 举例如果我将其height设置为30px,则得到的其内容高度实际仅为24px. (2)text类型规律 text类型的input的高度height仅只内…

angular2+ form 表单中 input输入框的disabled属性设置无效

最近项目中遇到一个表单input设置disabled问题,直接赋值angular原生的[disabled]=“isDisabled”无效,浏览器警告信息: 无奈,只能按照控制台提示修改: 问题解决…

jquery取<input>的readOnly属性，O要大写

今天在jquery中取input的readonly属性时,发现我这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大写,是不是javascript需要将O大写, 修改之后$(“#input”).readOnly,就能取到值,下面是后来我又搜到的一篇文章. Javascript: 为<input>设置readOnly属性今天系统需要使用javascript 动态设置textbox的readonly , 搞了半天一直没…

javascript脚本设置输入框只读的问题

今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementById('input').readonly='readonly';结果发现这样设置无效. 于是试着disable的属性,用同样的方法设置是有效的.document.getElementById('input').disabled=disabled; 于是感觉很奇怪.因为在dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然…

html中，文件上传时使用的<input type="file">的样式自定义

Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调. 根据用户的需求,设计风格,改变其显示样式的场合就比较多了. 如果,要像下面一样做一个bootstrap风格的上传按钮该如何实现. 搭建上传按钮所需的基本元素 <span class=""> <span>上传</span> <…

input标签内容改变的触发事件

---恢复内容开始--- 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. 2. oninput事件与onpropertychange事件的区别: oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:onpr…