HTML表單的基本用法

1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?

答:form表單用于收集信息,并將信息發(fā)送至?xí)?wù)器。

常用的input普通標(biāo)簽有:
text 表示文本框
實(shí)例
Email: <input type="text" name="email" /><br />
Pin: <input type="text" name="pin" />

button 輸入類型定義可點(diǎn)擊的按鈕,這個按鈕本身不會做任何事情
實(shí)例
<input type="button" value="Click me" />

checkbox輸入類型定義復(fù)選框。復(fù)選框允許用戶在一定數(shù)量的選擇中選取一個或多個選項(xiàng)。
實(shí)例 <input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car

file 輸入類型用于文件上傳
例:Select images: <input type="file" name="img" />

hidden 輸入類型定義隱藏字段。隱藏字段對于用戶是不可見的
實(shí)例
<input type="hidden" name="country" value="hehe" />

image 輸入類型將圖像定義為提交按鈕。
對于 <input type="image">,src 和 alt 屬性是必需的。
實(shí)例
<input type="image" src="img_submit.gif" alt="Submit" />

password 輸入類型定義密碼字段。密碼字段中的字符會被遮蔽(顯示為星號或?qū)嵭膱A)。
實(shí)例
<input type="password" name="pwd" />

radio 輸入類型定義單選按鈕。單選按鈕允許用戶選擇有限數(shù)目的選項(xiàng)。
實(shí)例
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female

Reset 定義重置按鈕。重置按鈕會把所有表單字段重置為初始值。
實(shí)例
<input type="reset" />

submit 輸入類型定義提交按鈕。
提交按鈕用于向服務(wù)器發(fā)送表單數(shù)據(jù)。數(shù)據(jù)會被發(fā)送到在表單的 action 屬性中規(guī)定的頁面。
實(shí)例
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" /><br />
<input type="submit" />
</form>

textarea 多行輸入框
主要用于輸入較長的文本信息。例句如下:
<textarea name="view"></textarea>

表單控件(Form Controls)
Action和Method的說明:
通過HTML表單的各種控件,用戶可以輸入文字信息,或者從選項(xiàng)中選擇,以及做提交的操作。比如上面的例句里,input type= "text"就是一個表單控件,表示一個單行輸入框。
用戶填入表單的信息總是需要程序來進(jìn)行處理,表單里的action就指明了處理表單信息提交的地址.
至于method,表示了發(fā)送表單信息的方式。method有兩個值:get和post。get的方式是將表單控件的name/value信息經(jīng)過編碼之后,通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送,你在地址欄看不到表單的提交信息。那什么時候用get,什么時候用post呢?一般是這樣來判斷的,如果只是為取得和顯示數(shù)據(jù),用get;一旦涉及數(shù)據(jù)的保存和更新,那么建議用post。

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

  • HTML 表單的基本用法 說起 HTML 中的form表單,大家一定都很熟悉了,這是用于搜集各種用戶輸入的信息,并...
    曉風(fēng)殘?jiān)?994閱讀 399評論 0 0
  • 1.常見的表單元素HTML表單主要用于向服務(wù)器端傳輸用戶的數(shù)據(jù)信息。它可以包含input、menus、textar...
    l_meng閱讀 347評論 0 0
  • HTML表單 在HTML中,表單是 ... 之間元素的集合,它們允許訪問者輸入文本、選擇選項(xiàng)、操作對象等等,然后將...
    蘭山小亭閱讀 3,503評論 2 14
  • 什么是HTML表單? 表單是一個包含元素的區(qū)域,表單元素是允許用戶在表單中(比如:文本域,列表,單選框,復(fù)選框等)...
    饑人谷_一葉之秋閱讀 343評論 0 0
  • 表單基礎(chǔ)知識 在HTML中,表單是由 元素來表示的,而在JS中,表單對應(yīng)的則是HTMLFormElement類型。...
    oWSQo閱讀 958評論 0 1

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