关于disable和readonly

我们在做网页时，难免的会因为权限或者各种原因，想让使用者看到，但是却不想让用户去对值进行更改，我们有两个选择

一、我们使用disabled将文本框禁用掉。

二、我们使用readonly使得文本框只能读取，不能修改。

disabled与readonly区别：

1.disabled会让文本框灰掉，而readonly却不会。

2.在提交表单时disabled的值不会提交，会变成null空指针，readonly中的值能够被提交

在这里，如果表单中的值必须提交到后台的话建议使用readonly属性，在添加上灰色背景的样式，这样既能保证值得正常传送，又能起到良好的视觉效果。

关于disable和readonly,布布扣,bubuko.com

时间： 2024-10-25 20:47:03

关于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

input中disable与readonly的区别【转】

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值 " disabled=”disabled” > 放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可 1. 设置为disabled的input将会有下面的限制: 不能接收焦点 使用tab键时将被跳过 可能不是successful的 被限制的对象值将不会被传递到后台程序.

CSS中的disable，hidden，readonly

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

Form表单的子元素

Form表单用来上传数据,主要数据类型为文本字段.复选框.单选框.图片.文件等等,最后通常会有一个确认按钮,用以提交数据.不过数据在提交上服务器之前,通常会先经过脚本的验证.因此,确认按钮通常用来启动JavaScript脚本.在上传数据时,一定要设置对应控件的name属性,这样才能把数据传输到服务器端. Form表单中最常见到的子元素是input,input属于自关闭元素.通过设定其type属性,可以得到我们需要的不同控件: 1.<input type="text" />

访问Tableau自带的PostgreSQL数据库

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

MFC基础程序设计VS2015 最新02

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

wtforms 使用

wtforms是一个表单模板库, 下面以修改密码表单为例简单说明其用法. 我们可以用python代码定义form的基本元素, 比如用户名/邮箱, 并给定各个元素的validation条件. 然后在render_template()方法中, 将python的form类传递给html模板. 在模板上, 需要有placeholder来接纳python传过来的form元素. 使用wtforms的好处是:1. form验证可以使用python来做, 不必将验证代码放到javascript中. 2. 在py

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库