2021/10/12（二）
線上課程 學習進度 進度紀錄 41/536

2021網頁開發全攻略(HTML, CSS, JavaScript, React, SQL, Node,...

radio ＆ 重點整理回顧。

上一噗：

@MajimeF - 2021/10/11（ㄧ） #線上課程 #學習進度 #進度紀錄 36/536 數字...

此課程 書籤噗 ：

@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發

看到 radio 還以為這是一個插入廣播節目（？）的功能…
想說2021年來說，現代年輕人搞不好從來沒聽過廣播呢，要聽不也是聽 Podcast 嗎？
怎麼會特地教這種冷門功能…

原來不是廣播，而是那種有圓圈、通常是給你單選選項的表單啦XD

<input type="radio"> - HTML: HyperText Markup Langua...

原來是這種常見的小圓圈喔XDDDD

至於叫 radio 是因為跟以前老式的廣播按鈕很像（？
總之並不是一個跟廣播有關的功能XD

它就是個給你單選的圈圈。

用 name 分組。
同組內只能單選。

如果打錯 name 的話會被視為不同組。
會變成可以多選。

先看了一下 41. Comment 註解 單元

HTML中的註解樣式：
<!註解內容>

# Attributes（屬性）
- checked → radio、checkbox
- max、min → number、range
- maxlength、minlength → text、password
- placeholder 均可用。
- required 均可用。
- value
一定要：radio、checkbox。使用者不能自己打字的部份，一定要做 value 設定。
不一定：text、number。

目前暫時學完這些了。
當然 input 還有很多東西…

<input>: The Input (Form Input) element - HTML: Hype...

老師只介紹了特別常用的幾項。
其他可以自己參考練習XD

其實在那邊測試表單…
應該加個 reset 齁XD

<input type="reset"> - HTML: HyperText Markup Langua...

一鍵清除輸入內容。

不過實際使用這個時，應該還是要搭配一些警示吧XD

是說 placeholder 果然對 checkbox、radio 那類不能自己輸入數值的無效啊XD

想想把相關的都看完好了～
今天就看到41。

教 comments 的地方拿 amazon 示範…
發現了原始碼最下面有隻喵叫的鴨子www

下一噗：

@MajimeF - 2021/10/13（三） #線上課程 #學習進度 #進度紀錄 48/536 基本...