iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 11
0

互動式的動態網頁可以藉由網站讓網站建立者與使用者有直接的互動,今天要來講的就是與使用者互動的介面------表單。

表單 form

先來講講表單裡常會看到的東西吧!

  • 題目標籤 label
  • 文字輸入框
  • 單選/複選
  • 下拉式選單

直接從程式碼分別解釋意思會相對清楚很多,那麼看程式碼囉~

<form>
<p>姓名:<input type="text"></p>
</form>

這是最單純的填入格子,沒錯要來講的就是input和type。對於input標籤來說,使用type屬性可以決定你要用什麼型態來表示你的東西,舉例來說像是文字輸入啊~或是密嗎輸入啊~有時候也會用在按鈕上啊~

做個小小的整理呢
<input type="型態">

  • text 文字輸入框
  • radio 單選
  • checkbox 多選
  • email 以信箱格式輸入
  • password 輸入密碼
  • submit 送出表單按鈕

上面寫到的程式碼就是最基本的文字輸入,我們把要顯示出來的文字(對於要使用者填入的資訊規定)放在<p></p>中間,同時也把想要input的型態夾在裡面,就可以同時做好設定了。
下一篇會繼續介紹關於表單的內容和功能!


上一篇
DAY10-HTML標籤(8) / 表格(下)
下一篇
DAY12-HTML標籤(10) / 表單(中)
系列文
每個人都可以做出理想中的網站!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言