Form表單用法

常用屬性

屬性 作用
name 用來標識這個表單,在JavaScript中可以通過 document.表單名 來取得這個表單
action 表示這個表單提交時的跳轉(zhuǎn)路徑
method 表示提交方式,可以選擇post和get,默認為get方式
enctype 表示表單的封裝方式,只有在進行文件上傳時才會使用,當(dāng)執(zhí)行文件上傳時,必須將這個值設(shè)置為enctype="multipart/form-data"
onsubmit 當(dāng)表單提交時自動執(zhí)行的javascript事件,一般在需要進行提交驗證時使用

常用標簽

標簽 作用
type="text" 文本框,輸入單行文本
type="password" 密碼框,輸入密碼信息,所有輸入的信息會隱藏顯示
type="button" 普通按鈕,一般用來完成javascript功能的
type="submit" 表單提交按鈕,點此按鈕提交表單
type="reset" 表單重置按鈕,返回初始表單中的數(shù)據(jù)
type="radio" 單選按鈕
type="checkbox" 多選按鈕
type="hidden" 隱藏域,將一個值隱藏傳遞
type="image" 功能和submit提交按鈕相同,但可以顯示圖片
<textarea></textarea> 文本域,輸入多行文本
<select> 下拉列表,需要結(jié)合option一起使用
<option> 為<select>設(shè)置選項
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 1.form的基本介紹form 是 HTML 中的一種塊標簽,包含很多子標簽,組合后提交并與服務(wù)器進行交互數(shù)據(jù) ,...
    饑人谷_chaos閱讀 322評論 0 0
  • form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? 標簽用于為用戶輸入創(chuàng)建 HTML 表單并向...
    劉加祺閱讀 244評論 0 0
  • 標簽用于為用戶輸入創(chuàng)建 HTML 表單,表單能夠包含input元素,比如文本字段、復(fù)選框、單選框、提交按鈕等等。表...
    HE_Zoro閱讀 556評論 0 0
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 912評論 0 1
  • 正當(dāng)二人驚異不停之時,另一側(cè)人群突然發(fā)出一聲怒吼。孫思這才想起那個被天雷劈中的中年男子,不知是發(fā)生了什么事情?他想...
    只如故人閱讀 367評論 0 0