htmldisabled如何让 HTML 控件只读或不可用

htmldisabled  时间:2021-04-09  阅读:()

html中输入框为只读状态如何设置

html中输入框为只读状态具体设置方法如下: 在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种: 使用input的disable和readonly两个属性。

先来看下二者的区别: <input type= "text " readonly= "true " value= "这是readonly的! "> <input type= "text " disabled= "true " value= "这是disabled的! "> 可以看到,虽然两种都是让input的内容不能被用户编辑,但是对于后期的美工处理就有问题了! 例如: <style> input { color:blue; } </style> 只有readonly的那个文本是蓝色的! disabled是按系统设置的disabled颜色来设置前景色的,css对其无效! 另外,readonly和disabled还有一个不同点就是,当input属性为readonly时,提交表单是可以获得input的内容。

如果是disabled则不能获得所提交的内容,返回值全部为null,所以此处需要注意。

慎用readonly和disabled,指定了disabled的表单,在submit时,不会把它的值传出去。

例如,有两个text,一个是readonly一个是disabled,submit后,只能发送那个不是disabled的。

注意地址栏的值. 要保存到本地,因为submit了,不然,看不到效果。

如何让 HTML 控件只读或不可用

利用?HTML <input?type="text"?size="10"?value="只读"?readonly> <input?type="text"?size="10"?value="不可用"?disabled> 利用?XHTML <input?type="text"?size="10"?value="只读"?readonly="readonly"?/> <input?type="text"?size="10"?value="不可用"?disabled="disabled"?/> 利用?JavaScript <form?id="f"> ??<input?type="text"?size="10"?value="只读"?name="t1"> ??<input?type="text"?size="10"?value="不可用"?name="t2"> </form> <script?type="text/javascript"?language="javascript"> <!-- var?f?=?document.getElementById("f");?//如果控件有?id,也可以直接取控件。

f.t1.readOnly?=?true;?//注意大小写。

f.t2.disabled?=?true; //--> </script>

怎么设置html中disabled的input的颜色

示例代码如下: input{background:expression((this.disabled && this.disabled==true)?"#f0f0f0":"")} ??因为disabled后灰色有点看不清楚,但是没想到如何改变disabled后字体的颜色。

如何让 HTML 控件只读或不可用

方法一: <input id= "File1" type= "text" disabled/> 不可用 方法二: <input id= "File1" type= "text" readonly/> 只读 方法三: <input id= "File1" type= "text" style="display:none"/> 隐藏(但占位置) 方法四: <input id= "File1" type= "text" style="visibility:hidden"/> 隐藏(不占位置) 如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。

实现的方式归纳一下,有如下几种。

方法1: onfocus=this.blur() 如:<input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly 如:<input type="text" name="input1" value="中国" readonly> 或 <input type="text" name="input1" value="中国" readonly="true"> 方法3: disabled 如:<input type="text" name="input1" value="中国" disabled>

RAKsmart推出7.59美元/月,云服务器产品Cloud Server,KVM架构1核1G内存40G硬盘1M带宽基础配置

近期RAKsmart上线云服务器Cloud Server产品,KVM架构1核1G内存40G硬盘1M带宽基础配置7.59美元/月!RAKsmart云服务器Cloud Server位于美国硅谷机房,下单可选DIY各项配置,VPC网络/经典网络,大陆优化/精品网线路,1-1000Mbps带宽,支持Linux或者Windows操作系统,提供Snap和Backup。RAKsmart机房是一家成立于2012年...

云基Yunbase无视CC攻击(最高500G DDoS防御),美国洛杉矶CN2-GIA高防独立服务器,

云基yunbase怎么样?云基成立于2020年,目前主要提供高防海内外独立服务器,欢迎各类追求稳定和高防优质线路的用户。业务可选:洛杉矶CN2-GIA+高防(默认500G高防)、洛杉矶CN2-GIA(默认带50Gbps防御)、香港CN2-GIA高防(双向CN2GIA专线,突发带宽支持,15G-20G DDoS防御,无视CC)。目前,美国洛杉矶CN2-GIA高防独立服务器,8核16G,最高500G ...

易探云2核2G5M仅330元/年起,国内挂机宝云服务器,独立ip

易探云怎么样?易探云是国内一家云计算服务商家,致力香港服务器、国内外服务器租用及托管等互联网业务,目前主要地区为运作香港BGP、香港CN2、广东、北京、深圳等地区。目前,易探云推出深圳或北京地区的适合挂机和建站的云服务器,国内挂机宝云服务器(可选深圳或北京地区),独立ip;2核2G5M挂机云服务器仅330元/年起!点击进入:易探云官方网站地址易探云国内挂机宝云服务器推荐:1、国内入门型挂机云服务器...

htmldisabled为你推荐
圆周刊社区责任编辑:支持ipad支持ipad支持ipad支持ipadwin10445端口win7系统不能被telnet端口号,端口、服务什么全都开了itunes备份怎么使用iTunes备份win7telnet怎样在win7下打开telnet 命令csshack关于CSS hack的写法苹果5.1.1固件下载苹果5的6.0.1的固件在哪下载啊??求教~
上海域名注册 双线主机租用 VPS之家 大硬盘 主机点评 payoneer 外国域名 中国电信测速112 日本bb瘦 免费测手机号 卡巴斯基官网下载 深圳主机托管 万网服务器 hdsky 碳云 winserver2008r2 标准机柜 hosts文件修改 alertpay iptables 更多