close
你問我為什麼都沒更新?為了維持身心靈健康，回家後扣掉吃飯與耍廢，基本上只剩一小時，一小時要學習?要寫文章?再這樣下去，陣亡列車可能要提早發車惹(不要啊~)會不會是時間安排與學習方式有問題……
問題整理
<label>的作用是什麼？如何正確與表單元素配合使用？value和placeholder的主要區別是什麼？<fieldset>和<legend>的用途是什麼？如何使表單結構更具可讀性？<hr>和<br>的功能區別是什麼？什麼情況下應該使用它們？- 如何正確使用
<select>和<option>建立下拉選單？能否包含多選功能？ - 如何使用
border-collapse屬性改善表格的顯示效果？ - CSS 的類別選擇器與 ID 選擇器有什麼區別？什麼情況下應該使用類別？
- 如何設定表格內部的標題列與資料列顏色不同？
- 如何使用 CSS 為
<table>設定背景圖片而不影響內部內容的可讀性？ - 在合併儲存格時，如何避免內容顯示錯位或破壞表格的結構？
- 如何使用
<colspan>與<rowspan>合併儲存格？什麼時候應該使用這些屬性？ - 合併儲存格後，表格中的哪些儲存格需要移除以保持結構完整？
- 如何為表格加入圖像？在儲存格內加入圖片需要注意哪些排版問題？
- 如何正確設定表格的邊框樣式，並保持跨瀏覽器一致性？
- 當表格內容過多或過長時，如何使用 CSS 或 HTML 讓內容自動換行？
- 在建立基本表單時，如何確保使用者填寫的內容能正確提交？
- 在複雜表格中加入樣式（如背景色、邊框色）時，如何確保內容仍然清晰可讀？
- 如何設計一個簡單的網頁表單，使其兼容桌面與移動端？
- 在表單中加入多個
<fieldset>，如何利用 CSS 強調不同組的區別？ - 如果想要在表格內同時顯示文字與圖片，如何進行結構與樣式設計？
基本標籤
| 標籤 | 功能說明 | 範例 |
|---|---|---|
<type id> |
定義輸入框的類型與唯一識別碼 | <input type="text" id="username"> |
<label for> |
用於描述表單元素，for屬性指向元素的id |
<label for="username">Username:</label> |
<select> |
建立下拉選單 | <select name="options"><option>選項1</option></select> |
<option> |
下拉選單中的選項 | <option value="1">選項1</option> |
<hr> |
插入水平分隔線 | <hr> |
<br> |
插入換行符 | <br> |
<form> |
表單容器 | <form action="/submit" method="post"></form> |
<fieldset> |
群組表單內容，視覺上通常有邊框 | <fieldset><legend>登入資訊</legend></fieldset> |
<legend> |
描述<fieldset>的標題 |
<legend>登入資訊</legend> |
屬性比較
| 屬性名 | 用途說明 | 範例 |
|---|---|---|
value |
預設值，會顯示在輸入框內並提交 | <input type="text" value="預設值"> |
placeholder |
輸入框的提示文字，用於指導使用者 | <input type="text" placeholder="輸入姓名"> |
基本表格標籤
| 標籤 | 功能說明 | 範例 |
|---|---|---|
<table> |
定義表格容器，用於建立表格 | <table></table> |
<tr> |
表格列，包含標題或數據儲存格 | <tr></tr> |
<th> |
表格的標題儲存格，預設字體加粗並置中 | <th>標題</th> |
<td> |
表格的數據儲存格 | <td>內容</td> |
colspan |
合併多個欄位 | <th colspan="2">合併欄位</th> |
rowspan |
合併多個列 | <td rowspan="2">合併列</td> |
文章標籤
全站熱搜
留言列表
產業新尖兵 - 全端工程師 (1)
