自訂 Google 問卷表單樣式

通常我們利用 Google 文件的試算表製作問卷表單後,都會給我們一串網址連結到表單填寫的頁面,但或許不想要還要讓使用者連過去填寫,而是直接嵌入到某個頁面中,雖然 Google 有提供相關的嵌入 iframe 語法可以使用,但如果連這個都不想要呢?這裡有一種方式可以使用,直接製作簡易的表單。



其實很簡單,我們其實只要表單最基本的東西就可以了。一個表單的語法需要 form 的 action、method。當我們連到輸入問卷頁面可以檢視它的原始碼,找到 form 的標籤:

<form action="http://spreadsheets.google.com/formResponse?key={文件Key}" method="post"></form>



底下的選項也是保留關鍵的就可以了,保留標籤的 ID、Name,例如:

<textarea name="entry.0.single" id="entry_0"></textarea>



其實如果你懂得一些 HTML 或是 CSS 語法的話,還可以更隨心所欲來修改。完整的語法大約像這樣:

<form action="http://spreadsheets.google.com/formResponse?key={文件Key}" method="POST">

<textarea name="entry.0.single" id="entry_0"></textarea>

<input type="submit" value="送出">

</form>



之後你可以把它放到和使用者較接近的版面,直接就可以輸入然後送出表單,這樣的運用比較直接。例如我在這個 Blog製作一個回饋信箱,使用者可以直接看到,有需要的話就可以使用,可能會有人說為什麼不用嵌入 iframe 的語法就好了,原因很簡單,自由度不高,而且有些頁面不適合使用 iframe,所以利用這樣的方式來製作一個自訂的表單樣式,大家可以試看看!



8 則留言:

  1. 您好,
    之前很高興看到了你這篇文章,
    可以讓我的問卷重新進行版面編排
    我把要填的資料,改成放在表格裡

    在運作上它看起來很正常
    我自己操作時,也沒出過狀況
    即使沒填資料就按submit
    也會帶入一些我設定的預設值

    可是,不知道為什麼試算表裡
    有時會突然出現一些只有時間的空白列
    請問您有出現過類似的問題嗎?
    怕是有人填了,
    可是是因資料有問題而無法顯示
    造成lost

    回覆刪除
  2. 有設定必填的項目嗎?
    如果沒有的話
    只要直接按送出就會變成空白的資料...

    回覆刪除
    回覆
    1. 您好 不好意思打擾了

      我的問卷有設定必填選項 但是也出現空白資料耶?
      請問這樣會是哪裡出問題呢?

      刪除
    2. 有可能裡面是空格,因為 Google 不會判斷值,所以 " " 也算是有值。(假設必填選項沒有設定錯誤)

      刪除
    3. 那份問卷大約有30幾筆資料 但其中大約6筆資料是空白的..T.T
      有什麼辦法可以讓它出現值嗎?
      因為都是勾選的題目而已 應該不會有空格才對..Q
      還是就真的是裡面沒有任何內容呢?

      刪除
    4. 妳可以下載成 excel 檢查,如果沒有值就沒有值。
      就表示當初使用者再填的時候就沒有勾選…

      刪除
  3. 我想要重新修改設計好的問卷的版面(目前使用的項目是方格),主要是想把某些靠右對齊的文字敘述變成靠左對齊,因為靠左對齊不符合我們華人的視覺,想請問更詳細的操作方式,可以拜託你嗎?

    回覆刪除
  4. 您好,
    請問一下我在最後按提交或是送出,
    當中若有必填項目沒填的,
    就會另外跳出新開一個視窗然後標出我沒填的,
    等於又出現完整很醜的google表單,
    請問要怎樣才能不讓他另外跳出一個視窗就在原視窗顯示就好呢?
    謝謝您

    回覆刪除

COSCUP 行政組整地期招募 2024 籌備前預備培訓

COSCUP 行政組 今年持續精進,2023 年無休止,我們即將於 2023 年 9 月進入一段全新的整地期。這段時間將需要大量的腦力計算、模擬和規劃,以確保接下來的計畫項目能夠順利展開。 在 2023 年,我們行政組負責多項重要計畫,包括療癒市集(按摩、瑜珈、冥想)、一...

show