iT邦幫忙

2026 iThome 鐵人賽

DAY 11
0

<form>標籤可以製作一個讓使用者輸入資料的表單:

<form>
    <label>姓名:</label>
    <input type="text">
    <input type="submit" value="送出">
</form>

其中 <form> 是表單本身,<input> 則可以用來讓使用者輸入資料。
而 <input> 還可以設定不同的 type,例如文字輸入:

<input type="text">

也可以做成按鈕:

<input type="submit" value="送出">

另外還有 <label>,可以用來放在輸入欄位旁邊,告訴使用者這個欄位是要填什麼。
終於踏入互動的層面了!
雖然目前只是很簡單的輸入欄位,但光是看到自己可以在網頁上打字,就覺得有點成就感,又多學會了一個功能。🤣

表單是一個較為嚴謹的互動形式,不曉得之後能不能學會更酷的東西,這樣就可以應用在屬於自己的網頁中了!
這個新知識提醒了我,網頁不只是一本放在瀏覽器裡的電子書,它也可以接收使用者提供的資訊。

Day 11,認識 <form>,這是第一個我接觸到的製作網頁互動功能的標籤。


上一篇
Day 10|表格
下一篇
Day 12|HTML 學習小統整
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 13 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言