html表單的用法

定義:HTML 表單用于搜集不同類型的用戶輸入。
用<form> 元素定義html表單:

<form>
form 表單
</form>

常用屬性:

  • Action
    action 屬性定義在提交表單時執(zhí)行的動作。
  • Method
    method 屬性規(guī)定在提交表單時所用的 HTTP 方法(GET 或 POST)。
  • Name
    規(guī)定識別表單的名稱。
  • Target
    規(guī)定 action 屬性中地址的目標(biāo)。

HTML 表單包含的常用表單元素:

  • 文本輸入
    <input type="text"> 定義用于文本輸入的單行輸入字段:
<form>
<input type="text" name="firstname">
<input type="text" name="lastname">
</form> ```
- 單選框
`<input type="radio">` 定義單選框

<form>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女"> 女
</form> ```

  • 多選框
    <input type="checked"> 定義多選按框
<form> 
您喜歡的水果?<br /><br /> 
<label><input name="Fruit1" type="checkbox" value="" checked/>蘋果 </label> 
<label><input name="Fruit2" type="checkbox" value="" />桃子 </label> 
<label><input name="Fruit3" type="checkbox" value="" />香蕉 </label> 
<label><input name="Fruit4" type="checkbox" value="" />梨 </label> 
</form> 
  • 密碼輸入框
    <input type="password"> 定義密碼輸入
<form>
<input type="password" name="pwd" /></form>
</form> ```
- 按鈕button對象
`<input type="button">` 定義最一般普通的按鈕

<form>
<input type="button" name="button" /></form>
</form> ```

  • 文件提交
    <input type="file"> 定義文件上傳提交
<form>
<input type="file" />
</select>
</form>
  • submit提交表單
    <input type="submit">
<form>
<input type="submit" />
</form>
  • select標(biāo)簽
    <input type="select"> 一般用來定義下拉菜單
<form>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
  • label標(biāo)簽
    <label for="name">xxx</label> 對輸入框和密碼框的文字說明
<form>
<label for="name">姓名</label>
<input type="text" name="name"id=”name“>
</form>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶...
    zx9426閱讀 531評論 0 1
  • HTML 表單:輸入用戶信息的單子,收集填寫的信息給服務(wù)器后臺例: form:定義html表單,粗淺理解為包裹表單...
    我七閱讀 435評論 0 0
  • 在 HTML 中,表單是由 標(biāo)記定界的區(qū)域,包含文本輸入框、按鈕、復(fù)選框和圖形用戶界面的其他功能部件。Web ...
    萊昂納德剛閱讀 542評論 0 0
  • 一直不喜歡動物,比如狗啊,貓啊之類的,也把自己定義為沒有愛心,但比我小了11歲的妹妹卻非常喜歡這些小動物。 ...
    杞什么人憂什么天閱讀 369評論 0 0
  • 大家抬愛,作為新手,我寫的,嗨!想學(xué)國畫的你看過來一到四,都入選了首頁,而且,幾乎所有的投稿都被接受,只在...
    狐貍小奈兒閱讀 1,318評論 8 15

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