2021/10/09（六）
線上課程 學習進度 進度紀錄 32/536

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

表單。checkbox & value

此課程 書籤噗 ：

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

昨天：

@MajimeF - 2021/10/08（五） #線上課程 #學習進度 #進度紀錄 30/536 表單...

之後幾課也都是與表單有關的～

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

input 可以放入的屬性

東西開始多起來也複雜起來了。
發現我的 VS code 好像很多擴展都沒有作用…？
所以跟老師輸入不大一樣得自己去注意。
有點麻煩（汗

明明都有安裝怎麼會這樣呢Orz
像是也有看人問，為什麼有的「 />」結尾是這樣。
好像會自動幫你修正吧…

Prettier - Code formatter
明明我也有裝啊QQ

跟之前那個波浪形狀一樣都沒有QQ

<input
type="checkbox"
id="checkbox"
name="news"
value="newspaper"
checked
/>
<label for="checkbox">訂閱電子報</label>

<input>裡面的 type

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

就是這個網頁有介紹的一堆預設項目XD

下面幾個課程也是挑這些部份介紹。

input 最基本一定要有 type 、 name 、 value 。
只有有「name」屬性的標籤的資料，它的 value 才會被傳送到網頁的後端去。

「label for」要對上「input id」才有選取效果。

其實就這項目是我昨天覺得老師可能一時想不到說啥的…
就是為什麼要這樣做使用者體驗會比較好？

點 label 的時候， input 輸入的部份會被選取……
不知道是否為了搭配之後可以自動複製之類？

關於 value

<input id="myname" type="text" name="InputName" value="Peter" />
value="Peter" 會讓網頁表單預設姓名直接出現「Peter」。

對於這些<input>來講，會被送到網頁後端的值，是「value」這個屬性裡面所設定的。

那<input>的 type="text" 它就是一種 input 可以讓你去改變這一個 TAG 它裡面「value」這個屬性的值。

聽打逐字稿，有點似懂非懂。
可能等之後學了JS再回頭來看吧？

下一噗：

@MajimeF - 2021/10/10（日） #線上課程 #學習進度 #進度紀錄 33/536 電郵...