那麼今天繼續來學習HTML,今天的重點會在表單與表格的部分。
當我們想要跟使用者互動時,表單就可以派上用場了,填完表單內容後可以傳回遠端伺服器 。表單是網站中用來讓用戶輸入資料的元素這邊有幾個在我們寫HTML時常會用到的標籤。
< form >:表單的容器。
< input >:用於接收各種類型的輸入,如文字、密碼、電子郵件等。
< label >:是定義 HTML 表單控件的正式方法,為表單元素提供標籤,讓使用者了解輸入的內容。
< button >:提交按鈕,用於提交表單數據。
< textarea >:多行文字輸入框。
類型(type)屬性:
type="text":普通文字輸入框。
type="email":電子郵件輸入框。
type="password":隱藏的密碼輸入框。
type="submit":提交按鈕。
type="radio":單選按鈕。
type="checkbox":多選按鈕。
其他屬性:
placeholder:顯示提示文字。
required:設置為必填項。
表格用於展示有結構的數據,了解基本的表格標籤,< table > 標籤是用來建立表格,也就是用來呈現二維的資料表資訊。
< table >:表格容器。
< tr >:表格中的行。
< td >:表格中的單元格(儲存數據)。
< th >:表格中的表頭單元格(通常用於標題)。
< thead > 和 < tbody >:表頭和表格主體的分離。
那今天就差不多學到這裡,明天進入CSS。