【问题标题】:Integrating Google Form into website将 Google 表单集成到网站中
【发布时间】:2026-02-24 01:30:01
【问题描述】:

我正在尝试将 Google 表单集成到我的网站中,以用作产品订单。我已经删除了表单的必要部分并成功提交到我的 Google 帐户,但我希望表单的样式与网站内置的“联系我们”表单相匹配。我的问题是:如何将样式化的部分集成到裸 Google 表单中?

样式精美的 html:https://codeshare.io/amOVOj

未格式化的 Google 表单:https://codeshare.io/5okVkp

页面是http://snotcloth.com/order.html

谢谢!

【问题讨论】:

    标签: html css google-drive-api google-forms


    【解决方案1】:

    您应该在表单中添加一些额外的类,包括标签+输入级别和容器的级别(div),这样您就可以轻松地定位和设置所有内容,而不会使其受到网站其他样式的影响。然后使用一些 CSS 就可以发挥作用。

    回复:https://www.w3schools.com/css/

    【讨论】:

    • 这是有道理的...我只是不确定要摆脱什么,要保留什么!我正在向 Google 表单添加一些 MATX(网站主题)类,但格式似乎存在竞争。我需要保持表单工作的绝对简单的 html 是什么?如果我可以摆脱其他所有内容,那么我应该能够使用现有的 MATX 类对其进行格式化
    • 只是不要从表单中删除任何内容(如果您没有经验),它可能会影响功能。添加额外的类并根据您网站的样式单独手动设置它们的样式(以获得最佳效果),或者您可以使用其他现有的类,但您可能仍需要处理位置、行高、字体等。
    • 好的,谢谢斯特凡!我现在正在试验它并取得一些进展......我想我会继续删除然后进行测试提交,看看表单是否仍然正常运行。到目前为止,似乎大多数表单 html 都可以制作....
    • 很高兴能帮上忙。是的,测试和备份总是最好的。