第八次上次心得

今日繼續學習google 表單的使用

當網頁要讓用戶輸入資料，如果直接顯示Google表單，畫面會顯得非常奇怪，所以我們會把表單的元素抽出來，用自己定義的form來讓用戶輸入資料。

所以我們需要使用<form>...</form>，form的input type 有很多，例如是text,submit,password,checkbox

我們可以用參數的形式，把在網頁中的資料寫到Google表單上面。

首先，我們要取得預先填入的連結，把網址的&之後的entry名字放到自己的程式裡面。再綁定試算表，就可以把用戶所輸入的資料從自己的網頁傳到Google試算表裡面。

在網頁中，form裡面的action改成JavaScript的程式，這代表由程式接手處理資料。

而程式裡面的document的是代表整個html檔，要取出裡面forms的其中一個值就需要寫成:

document.forms[“form name”][“name”].value

再用字串的相加，把網頁跟資料相加，再用window.open把網址執行。

因為這樣的頁面還是太醜，所以要用materialize來美化網頁。

在materialize找到forms的程式碼後，就把自己的程式碼修改。

之後為了開發頁面相似，內容只有一點點不一樣，我們可以使用傳參數的方法，從表單抓資料，傳回網頁，再把資料顯示在網頁上，就不用重覆寫幾10個網頁，那是用一個網頁就可以顯示出想顯示的所有資料。

decodeURIComponent是把百分比的東西轉回去原本的字，不會把收不到原來的字。