3個要點弄懂HTML的Form表單
更新日期: 2022 年 11 月 6 日
<form>
表單標籤是Html的各類標籤中比較複雜的部分,剛開始接觸時,你可能覺得大概就跟其他的標籤一樣,一個一個放上去便可以成功的在網頁上展示出一個表單,但真的開始去做時,很容易一不小心就被一堆不同的標籤(tag)、屬性(attribute)、值(value)弄得頭暈,然後再被一堆看起來都一樣的值搞混。
會產生這樣的狀況,是由於HTML為了讓表單可以滿足各類型資料的需求,使表單具有顯示各種輸入格式的功能,例如有些表單可以填入文字,有些只能填入數字、E-mail、日期,有些則可能要勾取選項,還分複選跟單選,而這些各式各樣的格式,需要不同的標籤及屬性來建立,如此一來,便提高表單建立上的複雜性。
東西一多,就複雜了,就好比買一杯咖啡給一位同事,跟包辦公司100位分屬5個單位的同仁的咖啡,還分冷熱、大小杯,複雜程度難以相比,後者可說是個工程了。
回歸正題,表單除了要能填寫外,寫好的資料還需要送到後端,把資料遞交出去,所以標籤的屬性又牽涉到後端,例如method與action。
…