html示例，readonly和Disable。

最新推荐文章于 2024-01-21 08:00:00 发布
最新推荐文章于 2024-01-21 08:00:00 发布
阅读量161 收藏
点赞数
分类专栏： javascript 文章标签： HTML REST XHTML XML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_4134/article/details/81722656
版权
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 

<title>Read Only</title> 

</head> 

<body> 

<table width="100％" border="0px" cellspacing="0px" 

cellpadding="0px"> 

<tr> 

<th width="33％" 

align="left">Normal:</th> 

<th width="33％" 

align="left">Disabled:</th> 

<th align="left">Read 

Only:</th> 

</tr> 

<tr> 

<td width="33％"> 

<input type="text" 

id="txtNormal" 

name="txtNormal" size="10" 

value="xyzzy" /> 

</td> 

<td width="33％"> 

<input type="text" 

id="txtDisabled" name="txtDisabled" 

size="10" value="xyzzy" 

disabled="disabled" /> 

</td> 

<td> 

<input type="text" 

id="txtReadOnly" name="txtReadOnly" 

size="10" value="xyzzy" 

readonly="readonly" /> 

</td> 

</tr> 

<tr> 

<td width="33％"> 

<textarea id="areaNormal" 

rows="4" cols="30">Always 

do right. This will gratify 

some people and astonish the 

rest. - Mark 

Twain</textarea> 

</td> 

<td width="33％"> 

<textarea id="areaDisabled" 

rows="4" cols="30" 

disabled="disabled" 

readonly="readonly">Always do 

right. This will gratify some 

people and astonish the rest. - 

Mark Twain</textarea> 

</td> 

<td> 

<textarea id="areaReadOnly" 

rows="4" cols="30" 

readonly="readonly">Always do 

right. This will gratify some 

people and astonish the rest. - 

Mark Twain</textarea> 

</td> 

</tr> 

</table> 

</body> 

</html> 
iteye_4134
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html语言disabled,htmldisabled属性
weixin_28684497的博客
05-31 2305
html 有disabled 属性的有哪些disabled对于所有的表单元素都有效，包括input,select,radio, checkbox, button等。如何禁用标签的disabled属性a标签的disable＝“true”属性只能使按钮灰掉，但还是可以点击跳转，要想无法点击，可以通过js删除href属性： function delLink(link) { //link.disabled...
http-only原理与防御XSS实践
ChuMeng1999的博客
11-16 1531
对于很多只依赖于cookie验证的网站来说，http-only cookies是一个很好的解决方案，在支持http-only cookies的浏览器中（IE6以上，FF3.0以上），Javascript是无法读取和修改http-only cookies，这样可让网站用户验证更加安全。我们重新看步骤一中所抓取得http包，当我们输入用户名和口令进行登录操作时，服务器端对口令进行校验，如果成功，返回给我们登录信息，并且在返回数据包中包含了cookie信息，以便保存用户的登录状态。
Thymeleaf必知必会
q3198215426的博客
11-16 1326
Thymeleaf基础使用
thymeleaf设置disabled
mashangzhifu的博客
06-29 5776
一、问题描述 在thymeleaf中如何根据条件设置是否禁用某个控制，用别的模板引擎，如FreeMarker这种，直接用个if判断，将disabled放在，条件里面，成立，则禁用，在thymeleaf中没有这种语法，只能通过th:的方式来设置。 二、解决方法 具体代码如下所示： <input class="form-control" th:disabled="${data.status != 5}" type="text" name="status"> 后台传个data对象，只要status属
HTML disabled属性的启用和禁止
热门推荐
John的专栏
01-18 2万+
HTML中的input元素、button元素、option元素等都具有一个disabled属性。  当赋予该属性时该元素将变得不可交互，如下代码所示：  Html代码   input type="button" disabled="disabled" value="测试按钮">   其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（
JVXETable中禁用某一行的解决方法
峰会路转的博客
06-17 3007
最近在使用jeecg做后台管理系统，遇到了jvxtable中需要禁用某一行的需求 按照官网的demo写法，只是实现了所有的cell禁止编辑，禁止选中还是不行！相关的资料太少了，尝试了很多方法都为解决，于是找到了他们的框架底层 vxe-table传送门 然后再我的组件里面增加了这个配置 这样就实现了，禁用当前id这样的选中！！效果如第一张图片所示boot3框架内部demo却没有这么复杂，也实现了这个禁用某行的效果！不知道是哪个步骤的骚操作实现的，有知道的大神可以告知下，多谢了！！...
浅谈html中input只读属性readonly和disable的区别
09-28
HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。 首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...
html ReadOnly 和 Enabled 区别
01-19
ReadOnly 属性的TextBox在客户端会展现成这样的标记： ＜input readonly = readonly＞ Enabled 属性的TextBox在客户端会展现成这样的标记： ＜input disabled=disabled＞ Html服务器控件使用一个派生于HtmlControl...
readonly和disabled属性的区别
09-03
在HTML表单中，`readonly`和`disabled`属性都是用来限制用户输入的，但它们在功能和表现上有着明显的差异。理解这两个属性的区别对于创建交互式网页表单至关重要。 首先，`readonly`属性主要用于文本框（`...
HTML用disabled属性禁用元素
雕刻刀
05-18 1276
disabled属性用来禁用表单里的元素, eg: test test html禁用一个表单元素方法： <button type='button' id='buttonid'>test</button> var btn=document.querySelector('#buttonid'); html5下: btn.disabled=true; XHTML下: btn.setAttribute('disabled',true); 如果要重新激活这个按钮的话，
HTML中禁用表单控件的两种方法readonly与disabled
12-14
在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的。 在html中有两种禁用的方法，他们分别是： 1.给控件标签加上readonly=’readonly’属性 2.给控件标签加上disabled=’disabled’属性 举例:  复制代码代码如下:<input type=”text” value=”只读的” readonly=”readonly” /> <input type=”text” value=”不可用的” disabled=”disabled” /> 举例中的两个控件都是不可
html元素的disabled,readonly 的详细分析
w20101114的专栏
02-27 904
一 先看看这两个属性在效果和使用上的区别 1 readonly是要锁定这个控件，通过在界面上无法修改他（但是通过javascript可以修改他）。 2 disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值，但是disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的背景颜色（不信，你去修改一个被disabled掉的input文本框，你发现你是徒
HTML中disabled和readonly的区别
倾城之恋的专栏
01-08 736
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：  Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将
作为一位Web开发人员，请解释在HTML的form中的input元素中，readonly和disable两个属性之间的主要区别。要详细解释它们的工作机制、用途，以及在何种情况下应使用哪个属性
最新发布
zz_ll9023的博客
01-21 750
工作机制： 当一个输入字段被设置为 disabled，用户既不能聚焦在该字段上，也不能修改其内容。readonly属性：这意味着用户可以查看输入字段的值，但不能修改它。当一个输入字段被设置为readonly时，用户可以聚焦并查看其值，但不能进行编辑或更改。工作机制： 当一个输入字段被设置为 readonly，用户仍然可以在该字段中看到和聚焦，但不能修改其内容。用途： disabled 属性用于当输入字段在某些情况下不应被用户修改，或者当开发者希望确保某些值不被更改时。-- 禁用字段 -->
[学习心得][Html]disabled属性的启用和禁止
jason_56的博客
05-03 8287
Html中的input元素、button元素、option元素等都具有一个disabled属性。 当赋予该属性时该元素将变得不可交互，如下代码所示： <input type="button" disabled="disabled" value="测试按钮">
html隐藏标签disable,HTML 中 Link 元素 disable 属性详解
weixin_29671137的博客
06-03 2465
"disabled"属性应用场景对于 link 元素，当且仅当 link 元素被用来链接一个外部样式文件时，应用"disabled"属性定义可以切换的样式表。其功能类似于前一小节中我们提到的元素 rel 属性取值为"alternate stylesheet"时的情况。除此之外，link 元素的"disabled"属性总是返回 false，且不产生任何作用。以下，我们给出例子说明"disabled"...
html table 只读,只读一些列时使用readHTMLTable从网站获取表格
weixin_39936558的博客
06-18 350
问题是，我只是想在第一列(事件)和最后一列(奖章)被读取。 这是我的代码和结果：temp_URLtabhead(tab)Event Athlete Country Result Medal1 100m Men Tom Burke USA 12.0 GOLD2 Fritz Hofmann DEU 12.2 est. SILVER3 Francis Lane USA 12.6...
css readonly和disabled的区别
qq_47776536的博客
12-23 8204
一、两者的联系 1、两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态； 2、两者的字面意义： （1）readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎没有啥区别； （2）disabled表示“使残废，使无效”，都残废了，不管是什么内容，都是无效的。 二、两者的区别： 1、readonly和disabled作用元素的范围不同： 由上图可见，readonly并没有对input[type=“button”]产生作用，按钮效果
html关闭readonly
06-10
要关闭HTML元素的readonly属性，可以使用JavaScript来实现。可以通过以下代码将元素的readonly属性设置为false： ```javascript document.getElementById("myElement").readOnly = false; ``` 其中，"myElement"是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值