自學網頁の嬰兒教材:第5課 ── 用力送出表單

第5課 課程目標

認識各種常見的輸入欄位

能夠用表單送出資料

第5課 課程內容

用jsfiddle來練習:

https://jsfiddle.net

這次要寫HTML區塊

請閱讀這份教材:

HTML Forms

不習慣看英文,可以改看這裡:

HTML 表单和输入

把教學裡面的HTML貼到 jsfiddle 裡面做練習,貼好之後按上面的 RUN 按鈕,就會在右下角的 Result 看到結果了。

讀完、練習完這份教學裡面的程式碼,就算是學會 HTML 表單的用法,可以用表單來讓使用者輸入、選擇,接著送出各種資料了

第5課 作業

這次作業的情境如下:

你決定網路創業、開始網拍生意、線上賣衣服,並且自己設計購物網站

在後台管理面板中,需要有地方讓你新增商品項目

請利用本週學到的表單,將這個新增商品項目的表單做出來。

這個表單至少要能輸入以下欄位,(括號內代表建議的欄位類型):

商品名稱 (text)
價格 (text)
是否免運費 (checkbox)
性別 男/女 (radio)
類別:上衣類 外套類 下身類 配件類 (select)
商品備註 (textarea)

請讓這個表單用 POST 的方式將資料送出到 ‘/add-product’

(注意:網址’/add-product’並不存在,所以表單資料無法真的送過去。本週課程只談論表單製作。伺服器程式接收、處理表單資料,不在本週課程範圍)

完成這些,你就完成這次的課程目標了!

您好,本站內容已停止更新

我寫了一個新的平台網站,未來的新內容都會發佈在這裡:

https://devs.tw/series

請前往新網站,瀏覽更多的新內容。