嵌入 Google 表单
Google 表单 ( Google Forms ) 是非常方便的线上表单应用程序，通常会作为问卷的填表使用，但如果将其嵌入到网页中，甚至也能当作简单的留言板，，这篇教学会介绍如何透过 HTML 的实作，将 Google 表单加到网页中。
将 Google 表单发布到网络
登录 Google 账号后前往 Google 表单，使用现成的表单或新增一个新的表单，进入表单后点选上方的“传送”。
打开传送视窗后，选择“嵌入 HTML”页签，就能复制要嵌入 HTML 的程序码。
嵌入 Google 表单
复制 Google 表单的程序码，贴到网页中的 <body> 里，执行后就会看见 Google 表单出现在网页中。
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeOY4iEXMjXC6nE8Wz-XzZgar6h8sYdX00I4sFLWVup5Mq1lw/viewform?embedded=true" width="640" height="621" frameborder="0" marginheight="0" marginwidth="0">載入中…</iframe>
Google 表单嵌入属性
嵌入 Google 日历之后，可以透过 iframe 的属性设定 Google 表单，常用的设定参考：
| 属性 | 说明 |
|---|---|
| width | 宽度 ( 可使用 CSS 取代 )。 |
| height | 高度 ( 可使用 CSS 取代 )。 |
| src | Google 表单网址。 |
| frameborder | iframe 边框 ( 可使用 CSS 调整 )。 |
微信扫码关注
抖音扫码关注