HTML隐藏属性的使用

1、disabled。HTML input 标签有一个 disabled 属性，该属性规定是否禁用 input 元素，被禁用的 input 元素既不可用，也不可点击，值为“disabled”。如果要启用该 input 元素，可通过 JavaScript 来删除 disabled 的值。被disabled禁用的元素，不能获得光标或者焦点，值只能通过JavaScript去设置，用户无法在界面上修改，且提交时该值不会提交到后台。

2、readonly。HTML input 标签有一个 readonly 属性，该属性规定输入字段是否为只读，只读元素不能输入，值为“readonly”。如果要使其变为可写，只能通过 JavaScript 来清除 readonly 的值。通过 readonly 设置为只读的元素，其值只能通过JavaScript去设置，用户无法在界面上修改，可以获得光标或者焦点，提交时该值会提交到后台，这是与disabled最大的区别。

3、hidden。该属性的值有true和false。该属性值为true时，元素在界面上处于隐藏状态，只能通过JavaScript去设置该元素的值，用户在界面上看不到该元素。这是与disabled和readonly的区别。提交时该值会提交到后台。

4、display。该属性用于设置元素如何显示。常用的值有：none、block、inline、inline-table。none表示此元素不会被显示；block表示此元素将显示为块级元素，此元素前后会带有换行符；inline表示此元素会被显示为内联元素，元素前后没有换行符，这是默认值；inline-table表示此元素会作为内联表格来显示（类似 table），表格前后没有换行符。当设置为none时，元素会隐藏起来，且不会占用页面空间。假如页面中从上到下有三个div元素，第二个div元素的display属性设置为none，那么界面上只能看到两个div元素，且是紧挨着。

5、visibility。该属性设置元素是否可见。常用的值有：visible、hidden。visible为默认值，表示元素框是可见的。hidden表示元素框不可见，但仍然影响布局。visibility设置为hidden会隐藏元素，但是仍然会占用页面空间。假如页面中从上到下有三个div元素，第二个div元素的visibility属性设置为hidden，那么界面上只能看到两个div元素，但这两个元素不是紧挨着，中间会隔着第二个div的空间，即第二个div不会显示，但是仍然会占用页面空间，导致第一个和第三个div之间出现一片空白。这是与display属性设置为none的区别。

HTML隐藏属性的使用相关推荐

文件的权限与隐藏属性
一.文件的属性 1. 权限详解 r 表示读权限------------读取文件内容 w 表示写权限------------编辑.新增.修改内容(非删除) x 代表执行权限-----------读取文件 ...
CMD中使用attrib命令设置文件只读、隐藏属性详解
本文介绍一个cmd下的一个attrib.exe的小程序,它可以用来设置文件的属性.我们知道文件的属性有只读.隐藏.系统.存档和无内容索引等5个,只读和隐藏用得比较多,另外三个用得比较少. 不知道大家有 ...
【编程开发】Python隐藏属性——使用双下划线标识私有属性，外部不可直接访问...
from:https://zhuanlan.zhihu.com/p/30553607 小编在最初使用上Python之后,就一发不可收拾,人生苦短.我用Python,不光是因为其优雅简洁,更是因为它强大 ...
自动去除所有目录的隐藏属性的DOS命令
最近老婆的U盘感染病毒, 根目录下的所有子目录均被设置成隐藏和系统属性. 可以采用如下命令修改: ATTRIB -H -S <文件夹名称> 手动一个一个修改是可以的, 可是老婆嫌麻烦, 要 ...
html 自动隐藏属性,隐藏（属性） | hidden (attribute)
隐藏(属性) | hidden (attribute) 全局属性hidden是一个布尔属性,表示一个元素尚未或者不再相关.例如,它可以被用来隐藏一个页面元素直到登录完毕.如果一个元素设置了这个属性,它 ...
Python隐藏属性
小编在最初使用上Python之后,就一发不可收拾,人生苦短.我用Python,不光是因为其优雅简洁,更是因为它强大的扩展性,特别是一些Python内置的私有属性,熟练地掌握之后使得在开发过程中更灵活. ...
Windows下各个盘中的文件夹属性变为隐藏，怎么取消隐藏属性
文件夹变为隐藏,网上好多是说中病毒导致,病毒修改了文件夹属性.但博主是因为内存条崩掉,导致系统对硬盘内容进行了保护,所以文件夹属性变为隐藏. 1. 查看隐藏的文件夹或文件打开文件资源管理器(此电脑) ...
chattr 文件隐藏属性
chattr 文件隐藏属性(增加特殊权限或增加特殊属性) 语法:chattr [+ - =][Asaci][文件名或者目录名] +-= :分别为增加.减少.设定 A:增加该属性后,文件或目录的atim ...
linux 文件夹隐藏属性,Linux基础知识之文件隐藏属性
这几天温习下Linux基础知识,基础里面较为薄弱的知识点我会在这里记录一下,以便回头查看 Linux下的文件除了权限属性,还有一些隐藏属性,必须使用lsattr来显示,如下所示: [[email pr ...
传智播客python笔记_python传智播客笔记--第十天：隐藏属性，私有属性，私有方法，__del__方法，类的继承，类中方法的重写...
封装,继承,多态隐藏属性,私有属性,私有方法,__del__方法,类的继承,类中方法的重写 -**************************************************** ...

HTML隐藏属性的使用

HTML隐藏属性的使用相关推荐

最新文章

热门文章