HTML標(biāo)簽基礎(chǔ)學(xué)習(xí)筆記

眾所周知，HTML標(biāo)簽是網(wǎng)頁(yè)制作的的基礎(chǔ)?？梢哉f(shuō)網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言。嚴(yán)格來(lái)說(shuō)，HTML并不是一門(mén)編程語(yǔ)言，而是超文本標(biāo)記語(yǔ)言。HTML作為網(wǎng)頁(yè)中的結(jié)構(gòu)，就好比人的骨架。所以，學(xué)好HTML和div布局是網(wǎng)頁(yè)穩(wěn)固的一個(gè)關(guān)鍵。本文為初學(xué)者整理匯總了HTML標(biāo)簽基礎(chǔ)學(xué)習(xí)筆記，下面一起來(lái)看看吧！

1、表單：

（1）概念

表單用于采集用戶輸入的數(shù)據(jù)的。用于和服務(wù)器進(jìn)行交互。form用于定義表單的?？梢远x一個(gè)范圍，范圍代表采集用戶數(shù)據(jù)的范圍

（2）屬性

action：指定提交數(shù)據(jù)的URL；method:指定提交方式。

（3）分類(lèi)

get：請(qǐng)求參數(shù)會(huì)在地址欄中顯示。會(huì)封裝到請(qǐng)求行中(HTTP協(xié)議后講解)；請(qǐng)求參數(shù)大小是有限制的；缺點(diǎn)是不太安全。

post：請(qǐng)求參數(shù)不會(huì)再地址欄中顯示。會(huì)封裝在請(qǐng)求體中(HTTP協(xié)議后講解)；請(qǐng)求參數(shù)的大小沒(méi)有限制。總的來(lái)講，較為安全。

2、表單項(xiàng)標(biāo)簽：

（1）input：可以通過(guò)type屬性值，改變?cè)卣故镜臉邮剑?/p>

（2）type：屬性:；

（3）text：文本輸入框，默認(rèn)值；

（4）placeholder：指定輸入框的提示信息，當(dāng)輸入框的內(nèi)容發(fā)生變化，會(huì)自動(dòng)清空提示信息；

（5）password：密碼輸入框；

（6）radio:單選框。注意：要想讓多個(gè)單選框?qū)崿F(xiàn)單選的效果，則多個(gè)單選框的name屬性值必須一樣；一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值；checked屬性，可以指定默認(rèn)值。

（7）checkbox：復(fù)選框。注意：一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值；checked屬性，可以指定默認(rèn)值。

（8）file：文件選擇框；

（9）hidden：隱藏域，用于提交一些信息；

（10）按鈕：submit：提交按鈕，可以提交表單；button：普通按鈕；image：圖片提交按鈕；src屬性指定圖片的路徑。

（11）label：指定輸入項(xiàng)的文字描述信息。注意：label的for屬性一般會(huì)和 input 的 id屬性值 對(duì)應(yīng)。如果對(duì)應(yīng)了，則點(diǎn)擊label區(qū)域，會(huì)讓input輸入框獲取焦點(diǎn)。

（12）select: 下拉列表；

（13）子元素：option，指定列表項(xiàng)；

（14）textarea：文本域；

（15）cols：指定列數(shù)，每一行有多少個(gè)字符；

（16）rows：默認(rèn)多少行。

以上就是HTML標(biāo)簽基礎(chǔ)學(xué)習(xí)筆記，大家都看懂了嗎？如果大家還有什么不明白的地方，可以上教育培訓(xùn)網(wǎng)學(xué)習(xí)免費(fèi)的《認(rèn)識(shí)網(wǎng)頁(yè)從HTML開(kāi)始》課程，相信可以幫助零基礎(chǔ)的學(xué)員快速入門(mén)HTML的學(xué)習(xí)。