????? 上周用html布局了一張考試的卷面,其中多處用到input標(biāo)簽,對(duì)此標(biāo)簽也有了一定程度的掌握,現(xiàn)對(duì)學(xué)習(xí)收獲做以總結(jié)和擴(kuò)展。
1.input標(biāo)簽簡(jiǎn)介
?????? 根據(jù)不同的 type 屬性,輸入字段有多種形態(tài)。輸入字段可以是文本字段、復(fù)選框、密碼字段、單選按鈕、按鈕等等。
2.語法
<input type="表單類型"/>
3.說明
input標(biāo)簽是自閉何標(biāo)簽,因?yàn)樗鼪]有結(jié)束標(biāo)簽。
擴(kuò)展:
常見自閉合標(biāo)簽都有什么?
答:<meta/> 定義頁面的說明信息,供搜索引擎查看。
?????? <link/>??? 用于連接外部的CSS文件或腳本文件。
?????? <base/>?? 定義頁面所有的連接的基礎(chǔ)定位。
?????? <br/>??????? 用于換行。
?????? <hr/>??????? 為水平線。
?????? <input/> ? 用于定義表單元素。?
?????? <img/>????? 為圖像標(biāo)簽。
自閉合標(biāo)簽和一般標(biāo)簽有什么區(qū)別?
1)一般標(biāo)簽由于有開始符號(hào)和結(jié)束符號(hào),可以在標(biāo)簽內(nèi)部插入其他標(biāo)簽或文字。
2)自閉合標(biāo)簽由于沒有結(jié)束符號(hào),沒辦法在內(nèi)部插入其他標(biāo)簽和文字,只能定義自身的一些屬性。
4.type屬性值
屬性值???????????????????????????? 說明
text???????????????????????????????? 單行文本框???
password?????????????????????? 密碼文本框
button???????????????????????????? 按鈕
reset??????????????????????????????? 重置按鈕
image????????????????????????????? 圖像形式的提交按鈕
radio??????????????????????????????? 單項(xiàng)按鈕
checkbox???????????????????????? 復(fù)選框
hidden????????????????????????????? 隱藏文字
file???????????????????????????????????? 文件上傳