iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0

那麼今天繼續來學習HTML,今天的重點會在表單與表格的部分。

HTML 表單基礎與標籤

當我們想要跟使用者互動時,表單就可以派上用場了,填完表單內容後可以傳回遠端伺服器 。表單是網站中用來讓用戶輸入資料的元素這邊有幾個在我們寫HTML時常會用到的標籤。

< form >:表單的容器。
< input >:用於接收各種類型的輸入,如文字、密碼、電子郵件等。
< label >:是定義 HTML 表單控件的正式方法,為表單元素提供標籤,讓使用者了解輸入的內容。
< button >:提交按鈕,用於提交表單數據。
< textarea >:多行文字輸入框。

表單元素的基本屬性

類型(type)屬性:
type="text":普通文字輸入框。
type="email":電子郵件輸入框。
type="password":隱藏的密碼輸入框。
type="submit":提交按鈕。
type="radio":單選按鈕。
type="checkbox":多選按鈕。

其他屬性:
placeholder:顯示提示文字。
required:設置為必填項。

HTML 表格基礎

表格用於展示有結構的數據,了解基本的表格標籤,< table > 標籤是用來建立表格,也就是用來呈現二維的資料表資訊。
< table >:表格容器。
< tr >:表格中的行。
< td >:表格中的單元格(儲存數據)。
< th >:表格中的表頭單元格(通常用於標題)。
< thead > 和 < tbody >:表頭和表格主體的分離。

那今天就差不多學到這裡,明天進入CSS。


上一篇
Day12 HTML基本結構
下一篇
Day14 CSS 基礎
系列文
原來程式語言一點都不難!跟著我30天java自學之路26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言