HTML表單簡(jiǎn)介

什么是表單?

HTML表單是一個(gè)包含表單元素的區(qū)域,用來收集用戶輸入的內(nèi)容并提交,使用標(biāo)簽<form>來設(shè)置。一個(gè)表單里通常包括如下標(biāo)簽:

text 定義用于文本輸入的單行輸入字段(默認(rèn)寬度為20個(gè)字符)
password 密碼框
checkbox 多選按鈕
radio 單選按鈕
file 上傳文件
date 日期
submit 提交
botton 普通按鈕
reset 重置按鈕
select 下拉選擇
textarea 多行文本
hidden 隱藏域

常用表單標(biāo)簽

1.文本框

通過<input type="text"> 標(biāo)簽來設(shè)定,當(dāng)用戶要在表單中鍵入用戶名、郵箱等少量?jī)?nèi)容時(shí),就會(huì)用到文本域。

 姓名:<input type="text" placeholder="用戶名">

2.密碼框

通過<input type="password"> 標(biāo)簽來設(shè)定,當(dāng)用戶要在表單中鍵入密碼時(shí)用到

<input type="password">

3.單選框

通過標(biāo)簽<input type="radio"> 定義,例如下面選擇性別

 <input type="radio" name="gender" value="man">男
 <input type="radio" name="gender" value="woman">女

4.多選框

通過標(biāo)簽<input type="checkbox">定義,例如下面選擇愛好

  <input type="checkbox" name="hobby" value="hobby1">dota
  <input type="checkbox" name="hobby" value="hobby2">旅游
  <input type="checkbox" name="hobby" value="hobby3">寵物

5.提交按鈕

通過標(biāo)簽定義,用來提交表單的內(nèi)容到<form>標(biāo)簽action屬性的指定地址,數(shù)據(jù)傳送的方式和目的地由<form>標(biāo)簽定義

  <input type="submit">
最后編輯于
?著作權(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)容

  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? form表單的作用是將表單內(nèi)的數(shù)據(jù)提交...
    山門龍龍閱讀 449評(píng)論 0 0
  • POST/GET 二者區(qū)別GET 本質(zhì):URL 的拼接,所有的參數(shù)做一個(gè)拼接,拼接成一個(gè)新的 URL GET 向后...
    Soarse閱讀 454評(píng)論 0 0
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,214評(píng)論 2 21
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,531評(píng)論 1 41
  • 怎么辦,睡不著!現(xiàn)在已經(jīng)是深夜一點(diǎn)半了,而我是從十點(diǎn)半開始睡的 這幾個(gè)小時(shí)令我覺得很折磨,因?yàn)槲业难劬κ撬崦?..
    浮塵中的一粒沙閱讀 343評(píng)論 1 0

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