input属性disabled readonly

HTML输入框禁用详解
最新推荐文章于 2021-03-13 01:50:24 发布
原创 最新推荐文章于 2021-03-13 01:50:24 发布 · 631 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了HTML中两种禁用输入框的方法：使用disabled属性使输入框变灰且无法获取值；使用readonly属性禁止输入但可保留值。这两种方式均可阻止用户编辑文本框内容。

两种属性主要是使输入框不可用

<input type="text" name="a" value="a" disabled="true"/>

使用disabled则文本框变灰

通过request.getParameter("a")得不到文本框中的值

<input type="text" name="b" value="b" readonly="true"/>

使用readonly使文本框不能进行输入

通过request.getParameter("b")可以得到值

浅谈html中input只读属性readonly和disable的区别
09-28
首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它使得用户无法修改已有的内容，但用户仍可以聚焦并看到内容。一个重要的特性是，当表单以`POST`或`GET`方式提交时，`readonly`...
javascript中input中readonly和disabled区别介绍
11-30
`readonly`属性主要应用于`<input>`（如`type="text"`、`type="password"`）和`<textarea>`元素。它使得用户不能直接编辑这些元素内的文本，但用户仍然可以通过JavaScript或其他编程方式改变其值。当表单被提交时，`...
extjs 只读
master3003的博客
08-22 436
extjs 设定只读 readOnly(2011-06-14 11:25:21)转载标签： 杂谈 分类： Ext学习 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; //Ext.state.Manager.setProvider(new ...
ExtJs中disabled和readOnly区别
liyanlei的专栏
10-19 2423
ExtJs中，如果设置输入框为只读属性，一般第一考虑的都是readonly=true 它的效果和正常输入框一样，但是不允许输入； 然而，它很容易引起歧义，让用户第一感觉是它是输入框，有输入信息的冲动，其实不然； 这时候，可以考虑使用disabled=true属性 这下绝对不会认为可输入，一看就知道不允许修改，但字体颜色明显很模糊，所以效果不佳； 因此，使用中常常仍然使用readO
extjs控件只读、,extjs多行只读文本框
weixin_42117032的博客
03-13 853
extjs 动态只读,,extjs动态时间,extjs多行只读文本框在此不做过多停留 9.把 Extjs 的 ComboBox 样式应用到 sele...extjs 目录 序言 Ext 发展史 什么是 EXT ExtJs UI Engine 简介 Ajax 主流框架与 ExtJS Ext 学习及应用经验小结 编辑本段 序言 ExtJS 是一种主要用于创建前端......ExtJs TextFiel...
HTML <input> 标签的 readonly 属性
lululove19870526的专栏
11-03 1194
HTML 标签的 readonly 属性 实例 带有两个文本字段和一个提交按钮的 HTML 表单：  Name:  Country:readonly="readonly" />   亲自试一试 定义和用法 readonly 属性规定输入字段为只读。 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 re
Extjs 修改disabled属性值方法
开发技术资料收藏专栏
09-28 6603
if(form.disabled===true){ form.enable(); //将disabled设置为false,即把form设置为可编辑状态； }
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
html表单属性readonly和disabled的使用方法
09-28
这时，`readonly` 和 `disabled` 这两个属性就显得尤为重要。 1. **只读属性（readonly）** - `readonly` 属性用于设置表单元素为只读状态。这意味着用户可以看到元素中的文本，但不能修改它。当用户尝试改变只读...
ExtJs中TextField与TextArea的只读属性设置
weixin_34414196的博客
07-17 542
如果是TextField，动态设置只需要调用readOnly=true;或者是readOnly=false;就可以啦！ var aa=new Ext.form.TextField({ name:'aa', fieldLabel:'测试', value:'123' }); aa.readOnly=true; 但是ExtJs3.0以前的版本...
unity3d关闭输入法，密码输入框禁止输入汉字
brook0344的专栏
08-04 4645
 public void OnPwdInputChanged(string strPwd) { WindowPlatformAdaptManage.Win32Help.SetImeEnable (false); var str=Regex.Replace(password.text,@"[\u4e00-\u9fa5]+",""); if (password.text == str)
input标签中readonly和disabled的区别
sinat_31250617的博客
11-18 2892
代码块input标签中readonly和disabled的区别 功能描述：增加input标签，里面有默认值，而且用户不可修改默认值。 问题描述：将input标签设置了disabled属性，提交表单后发现默认值并没有提交。 原因：readonly和disabled都不可以直接修改，但设置了disabled属性的表单不会被提交，readonly可以被提交。还有其它一些区别，请参考该
extjs textField disabled readOnly属性
热门推荐
古影轩
02-10 1万+
<br />extjs textfield 设置成为了disabled:true以后此文本框的内容就无法通过form表单提交到后台去了,disable:true就不能submit,<br />不了解ext的设计组这样设置有什么样的好处？还请明了者相告？不胜感激，<br />但是又想让文本框不可编辑，还要能将其内的值提交到后台去，extjs还为我们提供的类型，html的不可编辑表单的解决方案;<br />其实方案很简单：ext提供了readOnly的属性;<br />disabled:原版英文介绍：<br /
extjs textfield disabled属性的注意
iteye_18405的博客
12-26 547
学习了extjs的textfield 其中有两项内容是页面加载时从后台载入的，并且不允许用户修改，所以把disabled属性设置成了true，发现在表单提交时后台接收不到数据，查了extjs文档原来disabled设置为true不能够submit，所以改成了readonly来解决了这个问题 学习extjs一段时间了，由于很多原因没有把遇到的问题进行记录，很遗憾，这是第一篇，以后慢慢进行补...
ExtJS中动态设置TextField的readOnly属性
qixiaopeng
05-15 847
1、假设 textField, 它的 id = 'textField' 则代码如下：Ext.getCmp("textField").getEl().dom.readOnly = true; 2、假设 textField， 通过 var textField = newExt.form.TextField() 则代码如下：textField.el.dom.readOnly = true;...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值