元素名稱 | 說明 | 屬性或範例 |
form | 表單 | action:表單傳送的目標位置 method:傳送方法,分為 get、post 等等 enctype:資料型別,當表單中含有 intput type="file" 時, 必須設定為 multipart/form-data |
input | 欄位 | type:類型,包含 submit、reset、button、hidden、 text、password、radio、checkbox、file 等等 value:設定資料內容 size:寬度,以字數或像素為單位 maxlength:最大字數,用於文字型欄位 checked:預設勾選,用於選擇型欄位 multiple:選取多個檔案,用於檔案型欄位 |
textarea | 多行文字欄位 | rows:高度,以行為單位 cols:寬度,以字數或像素為單位 |
select & option | 選項清單 | <select> <option value="1">1</option> <option value="2" selected="selected">2</option> </select> |
註:斜體紅字表示該屬性不可用於 HTML5,應用 CSS 替代。
隨堂練習:試做出一個活動報名表單。