Devs.tw 是讓工程師寫筆記、網誌的平台。歡迎您隨手紀錄、寫作，方便日後搜尋！
Devs.tw 是讓工程師寫筆記、網誌的平台。歡迎您隨手紀錄、寫作，方便日後搜尋！
認識各種常見的輸入欄位
能夠用表單送出資料
用jsfiddle來練習：
這次要寫HTML區塊
請閱讀這份教材：
不習慣看英文，可以改看這裡：
把教學裡面的HTML貼到 jsfiddle 裡面做練習，貼好之後按上面的 RUN 按鈕，就會在右下角的 Result 看到結果了。
讀完、練習完這份教學裡面的程式碼，就算是學會 HTML 表單的用法，可以用表單來讓使用者輸入、選擇，接著送出各種資料了
這次作業的情境如下：
你決定網路創業、開始網拍生意、線上賣衣服，並且自己設計購物網站
在後台管理面板中，需要有地方讓你新增商品項目
請利用本週學到的表單，將這個新增商品項目的表單做出來。
這個表單至少要能輸入以下欄位，（括號內代表建議的欄位類型）：
請讓這個表單用 POST 的方式將資料送出到 ‘/add-product’
（注意：網址’/add-product’並不存在，所以表單資料無法真的送過去。本週課程只談論表單製作。伺服器程式接收、處理表單資料，不在本週課程範圍）
完成這些，你就完成這次的課程目標了！
您好～新年快樂
沒錯～各種網站上，給人輸入資料的地方，幾乎就是用這些元素做成的
POST 相關的地方，跟瀏覽器傳輸資料到伺服器的方式有關，超出本教材範圍，所以有點矇是正常～沒關係
你的作業寫得非常好～沒有做錯
繼續加油摟～期待看到你的下一份作業摟～
版主你好～這是這次的作業：https://jsfiddle.net/f48brxe9/ 想請問我們有辦法對input等表單元件做css設定嗎?
嗨路過順便回答:
一開始可以先用 style="......" 的形式寫在 <input> 標籤裡面喔，
這樣做的好處是比較容易理解，一看到標籤就知道樣式大概是什麼樣子；
熟練一點以後再用 class 把樣式分離到 html 裡的 <style> 標籤中，
之後再分離成獨立的 CSS 檔案。
以上三種做法的難度遞增，維護不便性遞減，
而在實作當下視你對 CSS 的熟悉程度跟偷懶程度，可以試著採取不同的做法~
恩恩 謝謝kevin大大的眉角分享~~不該偷懶了XDD 最近有慢慢練習把css分離出來，再用link標籤做連結 發現其實這樣做更易維護，就不用一個一個改(很累...哈)
嗨嗨~~~新年快樂 這個好像用google製作問卷表單的感覺，但是是完全靠自己一個一個類別寫出來的，覺得很好玩！但POST還有‘/add-product’那邊有點"矇"，不知道有沒有做錯? 作業：https://jsfiddle.net/KitHuang/fdtwy3b9/34/