小皆學(xué)前端—form標(biāo)簽內(nèi)的元素介紹

1、input

2、textarea:定義一個(gè)多行的文本輸入控件。

屬性:required => 規(guī)定文本區(qū)域是必填(IE9以下和 Safari不支持)

rows文本域的高,cols文本域的寬

3、botton:

屬性:disabled => 禁用按鈕,可用于滿足某些條件才可點(diǎn),使用JS來remove此屬性使按鈕可點(diǎn)。

formmethod(H5新增)=> 發(fā)送表單的方法,“get” or “post”

2、select:創(chuàng)建下拉列表,支持事件屬性。

<option>標(biāo)簽定義了列表中的可選項(xiàng),<option>標(biāo)簽中的selected屬性規(guī)定了在頁面加載時(shí)預(yù)先選定該選項(xiàng),語法:

<option selected>

<optgroup>標(biāo)簽用于把相關(guān)的選項(xiàng)組合在一起,類似于分出了二級(jí)和三級(jí)菜單。

name屬性:規(guī)定下拉列表的名稱,用于在 JS 中引用元素,或者在表單提交后引用表單數(shù)據(jù)。

H5新增的屬性:autofocus(IE9以下和 Firefox不支持)下拉列表在頁面加載時(shí)自動(dòng)獲得焦點(diǎn)

3、fieldset:將表單內(nèi)的相關(guān)元素分組,會(huì)在相關(guān)表單周圍繪制邊框,<legend>為<fieldset>定義標(biāo)題。

一般用在,幾個(gè)lable之間會(huì)存在間隙,用fieldset可以去掉間隙,把幾個(gè)相關(guān)的lable集中到一起。

4、lable:無特殊樣式效果,可用于擴(kuò)大熱區(qū)。

for屬性可綁定某個(gè)元素id,當(dāng)點(diǎn)擊到lable元素內(nèi)的文本時(shí),此被綁定的元素控件也會(huì)被一并觸發(fā)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,814評(píng)論 1 92
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,235評(píng)論 3 17
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,331評(píng)論 1 41
  • Bootstrap是什么? 一套易用、優(yōu)雅、靈活、可擴(kuò)展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 10,935評(píng)論 3 184
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,627評(píng)論 32 459