iT邦幫忙

0

跟著AI一起:從零打造一個互動式網站 Day3

wqq 2025-09-23 17:56:57111 瀏覽
  • 分享至 

  • xImage
  •  

表格 (Table)

HTML 的 <table> 用來顯示表格資料。

<tr>:表格的列 (row)

<th>:表頭 (header)

<td>:儲存格 (data cell)

範例:

<h2>學生成績表</h2>
<table border="1">
  <tr>
    <th>姓名</th>
    <th>數學</th>
    <th>英文</th>
  </tr>
  <tr>
    <td>Sunny</td>
    <td>90</td>
    <td>85</td>
  </tr>
  <tr>
    <td>小明</td>
    <td>78</td>
    <td>88</td>
  </tr>
</table>

表單 (Form)

<form> 用來收集使用者輸入。

<input>:輸入框

<textarea>:多行文字

<button>:按鈕

🔹小練習

<h2>註冊表單</h2>
<form>
  姓名:<input type="text" name="username"><br><br>
  密碼:<input type="password" name="password"><br><br>
  性別:
  <input type="radio" name="gender" value="male"> 男
  <input type="radio" name="gender" value="female"> 女 <br><br>
  興趣:
  <input type="checkbox" name="hobby" value="music"> 音樂
  <input type="checkbox" name="hobby" value="dance"> 跳舞 <br><br>
  <button type="submit">送出</button>
</form>

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言