input標(biāo)簽的總結(jié)及其擴(kuò)展

????? 上周用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???????????????????????????????????? 文件上傳

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,531評(píng)論 1 41
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,606評(píng)論 19 139
  • 1、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱,在應(yīng)用程序中可通過Name屬性來引用窗體。 ...
    Moment__格調(diào)閱讀 4,784評(píng)論 0 11
  • 廣州留下太多美好回憶的地方,一街一景 ,一草一木都如此熟悉,最讓我情至深處的是這一張張溫暖的面孔,記得前不久朋友圈...
    櫲方閱讀 1,252評(píng)論 4 1
  • 8月1日-3日,我參加了由賽福凱瑞醫(yī)學(xué)研究院主辦,天水市營(yíng)養(yǎng)學(xué)會(huì)承辦的游學(xué)團(tuán)。剛開始參加這次游學(xué)的目的,只是想出去...
    水默語閱讀 628評(píng)論 5 0

友情鏈接更多精彩內(nèi)容