为什么某些元素被限制在表单标签里？
我曾经有一个使用第三方组件库的用例。在该库中，输入和表单组件可用，但渲染逻辑的实现方式是，如果输入未放在表单标签中，渲染输入标签的样式将不会产生任何效果。 所以你最终会得到一个难看的输入。所以我不得不限制用户在表单标签以外的任何地方输入。举个例子，可以看看这个著名的库方法，类似于这个案例： [f7]（https://framework7.io/docs/inputs.html） 干杯。
阅读下方完整回答 ↓问题
我知道这不是硬性要求，也可以自定义，但主演示和一些克隆应用延续了这个理念，限制某些元素（输入、文本区域等）只能放在表单标签上。
这是为了证明可以做到，还是我遗漏了什么？
回答（2）
我曾经有一个使用第三方组件库的用例。在该库中，输入和表单组件可用，但渲染逻辑的实现方式是，如果输入未放在表单标签中，渲染输入标签的样式将不会产生任何效果。 所以你最终会得到一个难看的输入。所以我不得不限制用户在表单标签以外的任何地方输入。举个例子，可以看看这个著名的库方法，类似于这个案例： [f7]（https://framework7.io/docs/inputs.html） 干杯。
@timsim00技术上你完全可以重置这个逻辑。我之所以设置这个，是因为在HTML和CSS世界（没有JS）中，没有表单包装的输入是不合理的。 举个例子，我们以“输入”成分为例。在 'grapesjs-plugin-forms' 中，'input' 组件具有这样一个属性：'可拖拽：'form， form *'，要让它能随处拖拽，只需要这段代码 “''js 编辑。DomComponents.addType（'input'， { 型号：{ 默认值：{ 可拖拽：真 } } }) ``` 要让它正常工作，请把它放进插件里，然后在'grapesjs-plugin-forms'之后加载
相关问答
通过相似的问题讨论继续研究。
问题 #3770
：改进并修复绝对拖拽模式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞？选择两个元素使用拖曳图标拖曳 预期的行为是...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #3622
I18n 功能
版本： 最新 你能重现演示中的bug吗？[] 是的[ ] 不 预期的行为是什么？ 给编辑。I18n.setLocale（“es”）在运行时工作。 详细描述那个漏洞 我不知道这是不是个bug，或者本来就不应该这样，另外，我对Backbone了解不够，不知道是否可行，但当使用编辑器...
问题 #6663
符号在逐步加载页面时会断裂（实例丢失__symbol链接）
这里有一段展示这个bug的视频： https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。