表單

<aside> 💡

HTML Form可以參考廖建翔老師的書 (第七章)。

</aside>

• HTML Forms
  • HTML Form Attributes
  • HTML Form Elements
  • HTML Input Types
  • HTML Input Attributes

會在Web程式設計課程大量使用HTML Form，在本課程先介紹表單的基本元件。

練習

這門課我們不會教後端的處理，所以，送出內容的部分我們利用w3schools的網站來體驗一下:

• HTML Forms

點擊「Try it Yourself>>」

在右邊的表單，填入自己的資料。

點選「Submit」，可以看到剛剛輸入的內容。

背後是透過PHP去處理表單的內容，這部分就留到二上的Web程式設計。

本課程的重點在於表單的設計。

Input

送出與重寫 (Submit / Reset)

在眾多的輸入元件裡，我們利用w3schools的體驗頁面來體驗一下Submit/Reset的不同。

首先，我們在剛剛的頁面裡貼上: