註冊表單

表單 (form)

「不好意思，麻煩您填寫一下這份表單。」在艷陽下專程來訪的社會局妹妹，就算戴著厚重的粗框眼鏡與淡妝，也遮掩不了精緻的五官。我在門口與她交談了幾分鐘後，邀請她進來讓我慎重地填寫這份表單。HTML標籤中，表單(form)元素可以用來回傳填寫者的資料，上面也有著重要的屬性，來針對使用者填寫的內容做出相對應的動作；例如：

<form 
    action="https://register-demo.freecodecamp.org"
>
<!-- action: 用來指定一個位址 (URL)，這個位址是告訴瀏覽器 (browser) 當我們按送出(submit)表單後，要將表格的內容送去哪邊。 -->

控制元件分組的元素：

<fieldset> ：  <!-- 作為表單中的一個分組 -->
<legend> ： <!-- 作為一個分組中的標題(caption) -->

也有針對各項填寫單元所設定的元素：

<label for="last-name">Enter Your Last Name:
    <!-- 輸入欄位的標題：舉例為＂輸入你的姓氏＂-->
    
<input id="email" name="email" type="email" required /></input>
    <!-- 輸入欄位：用法非常多元且重要，
    舉例的type屬性會將這個欄位設定為輸入的是電子信箱 -->
    
<select id="referrer" name="referrer"> </select>
    <!-- 下拉選單：大致上常在問券中常常看到的小圓點或是小方框就是這個 -->

配合前幾次CSS所學到的padding與margin來設計表單，試著在這一堂課做出一個註冊表單吧。

下一篇：練習成就完美

引用與資源：
freecodecamp
@site Fooish 程式技術
我的註冊表單