文件名称：wc-floatLabelInput：用于基于CSS的浮动标签输入的Web组件
文件大小：6KB
文件格式：ZIP
更新时间：2024-02-26 21:44:40
javascript web-components shadow-dom float-label-pattern WebComponentsJavaScript
纯CSS浮动标签输入Web组件 这是使用CSS。 它可以应用于其他表单控件，我刚巧做过<input> 。 有影子DOM版本和非影子DOM版本。 主要区别在于组件在影子DOM版本中不共享CSS。 有些人会通过将一个称为“自定义组件”而将另一个称为“自定义元素”来区分。 自定义组件的主要优点是它是完全隔离且自给自足的。 如果外部页面发生更改，则组件保持不变 Custom Element的主要优点是浏览器只需要解析一次CSS。 如果您有很多完全相同的组件实例，那么将其改为一个元素可能会很有用，特别是在CSS密集型的情况下。 我所说的一切都是让我脱口而出，我不知道浏览器如何工作。 感谢您参加我的
【文件预览】：
wc-floatLabelInput-master
----shadow-dom()
--------FloatLabelInput.js(5KB)
----README.md(995B)
----non-shadow-dom()
--------styles.css(1KB)
--------madlib.html(388B)
--------FloatLabelInput.js(4KB)