关于disable和readonly

【关于disable和readonly】的更多相关文章

input的disable和readonly

在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种:使用input的disable和readonly两个属性. 先来看下二者的区别: <input type= "text " readonly= "true " value= "这是readonly的! "><input type= "text " disabled= "true " value=…

最近遇到的若干Web前端问题：disable和readonly，JqueryEasyUI，KindEditor

最近项目中用到了Jquery Easyui和KindEditor等框架组件,问题真不少啊~ 一些看起来很简单理所当然的事情,竟然花费了不少时间,才解决好~ 1.readonly和disable的区别 readonly:只读,不可编辑,提交表单时,值会提交到后端. disable:禁止(包含了"只读"和"不可编辑"),提交表单时,值不会提交到后端. 如果需要提交到后端,在表单提交之前,手动把disable修改为false. text叫只读,se…

关于disable和readonly

我们在做网页时,难免的会因为权限或者各种原因,想让使用者看到,但是却不想让用户去对值进行更改,我们有两个选择一.我们使用disabled将文本框禁用掉. 二.我们使用readonly使得文本框只能读取,不能修改. disabled与readonly区别: 1.disabled会让文本框灰掉,而readonly却不会. 2.在提交表单时disabled的值不会提交,会变成null空指针,readonly中的值能够被提交在这里,如果表单中的值必须提交到后台的话建议使用readonly属性,在添加…

CSS中的disable，hidden，readonly

项目中有时候需要对某个input进行隐藏或者禁止修改等. 需要隐藏某个input的时候就用hidden <input hidden="true" > 如果要禁止修改input的value则需要用disable或者readonly. <input readonly="true" > <input disable="true" > 这是需要注意的是,使用disable之后,form表单提交则会忽略属性为disabl…

EasyUI+Knockout实现经典表单的查看、编辑

此文章是基于 1. 搭建SpringMVC+Spring+Hibernate平台 2. 自制xml实现SQL动态参数配置 3. 利用DetachedCriteria构建HQL参数动态匹配 4. 常用日期处理方法工具类 5. 常用类型转换方法工具类一. 准备工作注:子项目 mms 全称:material management system:子项目 sys :基础信息.权限管理系统 1. 点击此下载 ims.rar,解压缩并把文件放到 ims 工程对应的文件夹下二. 前端框架特色 1. js库…

React.js 常用技术要点

最近在公司的一个移动端WEB产品中使用了React这个框架(并不是React-Native),记录一下在开发过程中遇到的各种问题以及对应的解决方法,希望能对读者有所帮助. React原则 React不多做介绍,就是Facebook的一个开源JS框架,专注的层面为View层,不包括数据访问层或者那种Hash路由(不过React有插件支持),与Angularjs,Emberjs等大而全的框架不同,React专注的中心是Component,即组件,React认为一切页面元素都可以抽象成组件,比如一个表…

css3_note

css3基础 css3选择器属性选择器属性选择器基本上IE7+都支持,可以放心的使用,参见caniuse [attr] [attr=val] [attr*=val] [attr^=val] [attr$=val] [attr~=val] //[title~=bar]匹配 <a title="foo bar baz"> [attr|=val] //[lang|=us]匹配 <div lang="en-us"> 伪类选择器(结构伪类和状态…

BootStrap 智能表单系列八表单配置json详解

本章属于该系列的高级部分,将介绍表单中一些列的配置 1.config列的配置: 主要用于控制布局 :config:{autoLayout:true|'1,2,2,4'} true:根据配置项最里层的数量来自动使用不同的栅格, '1,2,2,4':使用指定的栅格来布局,如果配置的列数不足的情况将使用第一项(n,n 为一项) 2.hides的配置项 hides:[{id:'xxx',value:''}] 此项是可选的,主要用于编辑时存放一些不可见的列(如主键ID的值) 3.eles 表单元素的配置(…

访问Tableau自带的PostgreSQL数据库

突然发现公司Tableau服务器的数据库大小急剧增加,因此决定直接连上数据库排查.过程记录如下:最后发现有个http_requests 表体积巨大(7G),本来以为是数据缓存什么的.结果是日志问题o(╯□╰)o. 因为公司用的Tableau版本比较低无法直接查看该表,暂时没动它,不知道会不会影响性能. 一.开启Tableau Server数据库访问权限 1. 打开命令行提示窗口(管理员)进入Tableau程序所在目录 cd "C:\Program Files\Tableau\Tableau Se…

combo扩展:禁止手工改变输入框的值

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>combo扩展之disableTextbox - jQuery EasyUI Demo</title> <link rel="stylesheet" type=&…

MFC基础程序设计VS2015 最新02

视频教程地址观看:http://pan.baidu.com/s/1mhKQ6kK 对于每个函数的帮助资料都应该详细阅读:a)简要说明:能够快速了解函数的功能:b)参数:每一个参数的功能都应该了解它的含义,并用不同种代入进行测试:c)返回值:返回值对于程序的开发往往有很微妙影响,应该注意了解其含义:d)备注(Remark):提供最详细和全面的说明.e)样例(Sample):演示代码能最快地让程序员掌握这个函数的用法.(有些函数必须是集群在一起联合使用才有作用) 1.Windows资源管理:a)资源…

使用react常见的坑

触摸事件 React中的触摸事件仅用三种,touchstart, touchend, touchend,可是这种会有问题,有时候我需要滚动页面的时候,很容易触发某一个元素的touchend事件,为此笔者找了一个React第三方组件,React-tappable. 还无意中发现一个Android与iOS的不同之处 input在disable且readonly之后,onClick会在iOS上触发不起来,onTouchEnd又会在Android上把键盘弹出来,这边笔者做了个Hack,iOS下用onTo…

WEB前端之HTML5~HTML5与HTML4的区别

推出的理由及目标 WEB浏览器存在的问题包括以下三点世界知名浏览器厂商对HTML5的支持语法的改变 DOCTYPE的声明 XHTML的DOCTYPE声明方式 HTML4的DOCTYPE声明方式 HTML5 的DOCTYPE声明方式内容类型指定字符编码可以省略标记的元素具有Boolean值的属性省略引号新增的元素废除的元素新增的属性废除的属性比较多以后发个表全局属性指可以对任何元素都使用的属性 contentEditable属性 designMode属性 hidden属性…

调整type="file"时的input的

<input type="file"> 在ie下的视图如下而在firefox下的是一般为了界面美化的效果,会将其设置为透明,然后覆盖一个<a href = ""></a>的标签如图然而由于不同浏览器下显示效果不同,尤其在ie下因为有输入框的存在,会造成如下所示的效果影响美观,而且点击的时候不能很好的弹出上传文件的窗口. 有输入光标所以采取disable和readonly的属性作为尝试,然而却不能上传文件,点击“浏览”没…

html5-5 HTML5表单元素和内嵌框架

html5-5 HTML5表单元素和内嵌框架一.总结一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype='multipart/form-data' 23 <form action="reg.php" method='post' enctype='multipart/form-data'> 24 <p>用户名:</p> 25 <p><in…

Web自动化测试三 ----- DOM对象和元素查找

一.DOM对象 DOM(Document Object Model文档对象模型):将HTML的各种元素映射为JS可访问的对象.HTML文档中的所有内容都是节点,这些东西在HTML中我们称为元素. 整个文档是一个文档节点每个HTML元素是元素节点 HTML元素的文本是文本节点每个HTML属性时属性节点注释是注释节点 DOM时间监听类似于python中的while循环机制事件描述 onclick 用户点击HTML元素 onmouseover 用户在一个HTML元素上移动鼠标 onmo…

使用Quasar设计Material和IOS风格的响应式网站

使用Quasar设计Material和IOS风格的响应式网站栏目: CSS · 发布时间: 8个月前来源: segmentfault.com 本文转载自:https://segmentfault.com/a/1190000018332068,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有. Quasar Quasar 是一款基于 Vue.js 开发的 UI 框架,可以让你轻松构建网站简洁明快的界面,更重要的是它还能让你轻松做好 RWD (响应式网站设计),除此之外还能帮助你…

html input readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). 一般比较常用的情况是:…

EasyUI的textbox的disable ,readonly 用法

EasyUI的textbox,如果用了disable, 那么提交时,后台mvc controller是取不到值的, 如果用了Readonly, textbox的样式又没有变化, 让人一眼就感知到哪些是不能改的. 可以加上这样的样式,让readonly和disabled的样式一样 input:read-only { background-color: #f3f3ef; } 用EasyUI的comboBox,赋值不能再document.Ready里写,因为已经渲染完了. $("#entity\\.N…

readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). 一般比较常用的情况是:…

readonly与disable

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据)…

A read-only user or a user in a read-only database is not permitted to disable

A read-only user or a user in a read-only database is not permitted to disable 出现如题的问题通常是由于db.lck的所属权限问题造成的. 假设碰到类似的问题也能够这样解决. 今天安装了一个artifactory,可是安装一直失败.首先就是一个绑定异常的接口,须要查看日志,异常时绑定8015异常说解析localhost失败,发现/etc/hosts没有配置localhost主机. 然后就是如题的异常:解决的方法找到a…

html readonly 和 disable 区别

readonly 和 disable的区别Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去 ,而readonly会将该值传递出去(readonly接受值更改可以回传,disabl…

readonly/disable input 问题

Perhapes for surity, in chrome and IE10, readonly/disabled input will be reset when the form submit. for example,in the function "SelectProjectFeeType",nowFeeTypeName.value=returnValue[1]; is not work, because, when form submit, fee type name w…

CSS禁止输入之readonly VS disable

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等.共同点:都不能编辑和获取焦点.不同点: readonly:使用表单post或get传递时会被传递出去. disabled:使用表单post或get传递时不会被传递出去.但是readonly的显示效果是没有灰化的.所有控件都有disabled 属性,但是不一定有readonly属性:点击被read…

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

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

转：表单中Readonly和Disabled的区别（HTML中使用javascript解除禁止input输入框代）

转:表单中Readonly和Disabled的区别参考资料: disabled和readonly区别: 参考博文1地址:http://blog.csdn.net/symgdwyh/article/details/5342937 两种属性的写法如下: 1.<input type="text" name="name" value="xxx" disabled="true"/> 2.<input type=&qu…

select radio readonly

首先 select radio 设置 disable的会无法提交数据. 这让我很头疼而且 readonly 无效后来发现.我把自己绕进去了..一般涉及只读都是不让用户修改 .而后台只更新可以修改的字段那么,我为什么看到无法提交就心慌了呢..不能提交.就先获取对象.然后给他set 需要更新的字段 .然后 update 嘛..纠结了二十多分钟..这就是被自己的逻辑给打败了.…

readonly属性在各浏览器中的区别

有个项目需求是正常显示时为只读,不可修改: 点击修改按钮后,可修改表单元素. 首先想到的是readonly属性,其用于规定输入字段为只读,不能修改.在javascript中消除readonly值,可将输入字段切换为可编辑状态.如下面的写法 <input type="text" name="email" readonly="readonly"> 写完后在浏览器中测试时发现如下: IE浏览器:可以获得焦点,光标可进入,但不能输入.获得焦点…

input中的disabled 和 readonly的区别

1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去, 而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时…