認真的F
2021/10/19(二)
線上課程 網頁開發 學習進度 進度紀錄 60/554。複習日。
https://www.udemy.com/...
重看之前課程至40。
認真的F
今天把另個課程上完了。
@MajimeF - #書籤噗 #線上課程學習紀錄 #效率提昇
之後可以更專注來上網頁開發課~
認真的F
select 下拉式選單,從選項中單選,不可新增內容,所以 value 必填。
datalist 下拉式選單,從選項中單選,可輸入內容快速查找,也可以新增內容。選項的部份 value 也要填。
認真的F
select & datalist
不是 input
但也要在 form 裡面。
認真的F
實際送到後端的值由 value 決定
<option>中顯示的內容只是給使用者看了方便而已

<select name="choose" id="choose1" required>
<option></option>
<option value="1">選項1</option>
<option value="2">選項2</option>

選擇「選項1」送出的值是「1」
認真的F
datalist 其實也是 type="text" 的一種哪
只是多了選項可以選。
認真的F
chrome 系瀏覽器會把 value 的值也顯示出來…
https://images.plurk.com/6FMZk6zqnW69mKE16yNSRx.png
firefox 則否。
https://images.plurk.com/5DizqWIOQamQcMIqUbYeBd.png

原始碼:
https://images.plurk.com/7hfwGayuiW30dhec1gi8QF.png
認真的F
瀏覽器不同,顯示方式也不同。

在問與答看到的。
認真的F
自己重新實做一個表單遇上滿多問題XD
發現自己還是沒有很熟悉…

如果單純只用之前留著的東西加入新的物件是很簡單XD
認真的F
list 是專屬於 datalist 的屬性。

沒有其他用途XD
載入新的回覆