生活稿什麼
  • 中華職棒
    • 中華職棒官方
    • 樂天桃猿
    • 中信兄弟
    • 富邦悍將
    • 統一獅
    • 味全龍
  • 網路電視
    • 棒球baseball
    • 籃球basketball
    • 賽車Racing
    • 網球tennis
    • 足球football
    • 電子競技Gaming
  • 吃喝玩樂
    • 美食
    • 開箱評測
    • 棒球
    • 運動健身
  • 電腦手機軟體
    • 免費軟體
      • Google Chrome
    • 社群軟體
      • LINE
      • Facebook
      • Instagram
    • WordPress
    • 電腦維修
    • 程式語言
  • 動漫電玩
    • 模型玩具
    • 手機遊戲
    • 日本動漫
  • 中華職棒
    • 中華職棒官方
    • 樂天桃猿
    • 中信兄弟
    • 富邦悍將
    • 統一獅
    • 味全龍
  • 網路電視
    • 棒球baseball
    • 籃球basketball
    • 賽車Racing
    • 網球tennis
    • 足球football
    • 電子競技Gaming
  • 吃喝玩樂
    • 美食
    • 開箱評測
    • 棒球
    • 運動健身
  • 電腦手機軟體
    • 免費軟體
      • Google Chrome
    • 社群軟體
      • LINE
      • Facebook
      • Instagram
    • WordPress
    • 電腦維修
    • 程式語言
  • 動漫電玩
    • 模型玩具
    • 手機遊戲
    • 日本動漫
No Result
View All Result
生活稿什麼
No Result
View All Result

Google表單如何將問卷嵌入網頁HTML教學

Google表單如何將問卷嵌入網頁HTML教學

Google表單如何將問卷嵌入網頁HTML教學

本篇分享 Google表單如何將問卷嵌入網頁HTML教學 ,Google表單是辦公室中最實用的線上軟體之一,在設計報名表、問卷、網路訂購團購,皆可使用Google表單來實作,且利用Google表單製作線上問卷非常容易上手,完全不需架設網站與資料庫的技術,雖然Google問卷這麼好用,但還是有些明顯的缺點,像表單外觀太過於陽春、無法加入影片…等,但這些問題皆可利用將表單嵌入到網頁中的技術來克服,因此有興趣的讀者們趕緊往下來學習將Google問卷嵌入到網頁的方法吧,跟小編一起來把Google問卷設計的更美觀吸睛!

 

Google表單問卷嵌入網頁教學

STEP 1

首先在製作完成的Google問卷中點擊右上方的「傳送」按鈕。

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 2

在彈出的視窗中點擊「<>」按鈕,接著將嵌入HTML下方的IFrame標籤代碼完整複製。

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 3

開啟HTML網頁編輯器,並將步驟2從Google表單中所複製的IFrame標籤代碼填入網頁HTML程式碼內,到這步驟您所製作完成的Google問卷就已經完整的被嵌入到網頁中了。

關於HTML網頁編輯器的部分,可以參考以下小編推薦的這一款 :

網頁設計軟體 Pingendo | 支援Bootstrap & RWD響應式網頁的HTML編輯器

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 4

接下來為了讓Google表單符合網頁響應式RWD設計,因此我們需要將IFrame標籤內的”Width”的數值由固定數值改成100%,讓表單適應使用者的裝置來進行縮放調整。

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 5

如果不想要顯示表單最下方的Google警示標語,您可以藉由修改IFrame標籤代碼內的”Height”數值來調整問卷在網頁上顯示的高度。

Google表單如何將問卷嵌入網頁HTML教學

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 6

如果您的Goolge問卷內容太長會導致在表單側邊額外多顯示一條控制卷軸(scrolling),這時候只要在IFrame標籤代碼內加上「scrolling=”no”」即可解決這個問題。

Google表單如何將問卷嵌入網頁HTML教學

 

STEP 7

將Google表單嵌入網頁中的實際呈現,也歡迎有空的讀者們幫忙回填這份問卷。

 

推薦閱讀

Google雲端硬碟架設HTML網頁空間 | 網站架設

機票比價 | 便宜機票怎麼買? Google flights 幫您找到超低價航班

Tags: google drivergoogle 問卷 教學google 問卷 製作google 表單 教學google 雲端google問卷google表單Google表單 HTMLGoogle表單 嵌入
小馬

小馬

在體育圈工作,喜歡旅遊、吃美食、分享生活。除此之外,也略懂程式設計與SEO,介於行銷人與工程師之間,目標是希望能夠整合這兩個不同的領域,分享更多有價值的資訊給更多人! 聯繫請洽:[email protected]

No Result
View All Result
No Result
View All Result
  • 中華職棒
    • 中華職棒官方
    • 樂天桃猿
    • 中信兄弟
    • 富邦悍將
    • 統一獅
    • 味全龍
  • 網路電視
    • 棒球baseball
    • 籃球basketball
    • 賽車Racing
    • 網球tennis
    • 足球football
    • 電子競技Gaming
  • 吃喝玩樂
    • 美食
    • 開箱評測
    • 棒球
    • 運動健身
  • 電腦手機軟體
    • 免費軟體
      • Google Chrome
    • 社群軟體
      • LINE
      • Facebook
      • Instagram
    • WordPress
    • 電腦維修
    • 程式語言
  • 動漫電玩
    • 模型玩具
    • 手機遊戲
    • 日本動漫

© 2023 生活稿什麼 Lifewth.com