HTML表單

????????今天學(xué)習(xí)了HTML表單。表單元素包含input元素,復(fù)選框,單選按鈕,下拉菜單等。下面將一次總結(jié)form標(biāo)簽及其標(biāo)簽屬性、 input元素、列表框和下拉菜單、文本框。

? ? ? ? HTML表單用form標(biāo)簽定義,該標(biāo)簽常用屬性包含action,enctype, method。action指定form表單提交數(shù)據(jù)的地址。enctype屬性有三種不同的參數(shù),默認(rèn)為“application/a-www-form-urlencoded”,表示將表單控件中的值處理成url的編碼方式;“mutipart/form-data”將表單中的值解析成二進(jìn)制流,多用于文件傳輸時(shí);“text/plain”用于在form的action屬性值為“mailto:URL”時(shí)發(fā)送郵件。method用于指定表單數(shù)據(jù)提交給服務(wù)器時(shí)的方式,一般有post和get兩種,其中post傳輸?shù)臄?shù)據(jù)量較大,而get會(huì)將需要傳輸?shù)臄?shù)據(jù)追加在url地址后面,也就是用戶可以在網(wǎng)頁地址欄直接看到表單傳遞的數(shù)據(jù)。

? ? ? ? form表單通常需要與其他控件配合使用。下面先總結(jié)一下最重要的表單元素input元素。用<input></input>標(biāo)簽定義該元素,它有多種形式,根據(jù)它的一個(gè)重要屬性type的參數(shù)不同而不同。下面是type屬性常用的屬性值,具體含義可以直接字面意思看出,不做贅述。


type常用屬性值

? ? ? ? 雖然input元素可以指定其type為button定義按鈕,但是局限性較大,還有更專業(yè)的button,那就是直接用button標(biāo)簽定義的按鈕。列表框和下拉菜單都是用<select></select>標(biāo)簽定義。多行文本框由textarea標(biāo)簽定義,使用其readonly="readonly"屬性可以將textarea定義為只讀不可編輯的形式,如我們常見的注冊(cè)賬號(hào)時(shí)彈出的用戶安全協(xié)議的形式。

? ? ? ? 本次總結(jié)比較粗糙,下面還是貼一下各個(gè)元素的簡(jiǎn)單使用。(額,有沒有切換編輯器,還是截圖吧)


代碼1
代碼2
代碼3

? ? ? ? 對(duì)應(yīng)的運(yùn)行效果如下圖:


表單效果




笑靨生花

More interest. Less interests. Just keep going and never give up!

?著作權(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表單HTML表單用于搜集用戶輸入HTML表單常用屬性及說明:屬性描述accept-charset規(guī)定在被提...
    Lv_0閱讀 565評(píng)論 0 1
  • 引言: 表單是我們?cè)谌粘m撁嬷凶疃嘤脕砼c用戶交互數(shù)據(jù)的一種方式,其中有許許多多的標(biāo)簽帶我們來開發(fā),H5之中更是添...
    ArvinH閱讀 3,256評(píng)論 0 0
  • <input>標(biāo)簽 標(biāo)簽用于搜集用戶信息,根據(jù)不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,183評(píng)論 0 3
  • 1 表單是如何工作的? 用戶在網(wǎng)頁上填寫表單并提交所填信息,瀏覽器將用戶提交的數(shù)據(jù)發(fā)送至 Web 服務(wù)器, Web...
    饑人谷_Mily閱讀 1,258評(píng)論 0 1
  • 2018年1月23日 星期二 晴 今天下班回家,女兒說起她們幾個(gè)女生一塊玩游戲的過程,真是...
    周李揚(yáng)閱讀 224評(píng)論 0 0

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