Form表單

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

form表單用來進(jìn)行表單數(shù)據(jù)提交

常用input標(biāo)簽 作用
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è)置選項

html5的input類型

常用input標(biāo)簽 作用
常用input標(biāo)簽 作用

post 和 get 方式的區(qū)別?

post:所有提交的參數(shù)都會隱藏,沒有參數(shù)的大小限制
get:所有提交參數(shù)都會在地址欄顯示,參數(shù)總量最大4-5K

1、Get方法通過URL請求來傳遞用戶的數(shù)據(jù),將表單內(nèi)各字段名稱與其內(nèi)容,以成對的字符串連接,置于 action 屬性所指程序的 url后,如http://www.baidu.com/test.asp?name=asd&password=sad數(shù)據(jù)都會 直接顯示在 url上,就像用戶點擊一個鏈接一樣;
Post 方法通過 HTTP post 機(jī)制,將表單內(nèi)各字段名稱與其內(nèi)容放置在 HTML 表頭(header)內(nèi)一起傳送給服務(wù)器端交由 action 屬性能所指的程序處理,該程序會通過標(biāo)準(zhǔn)輸入(stdin)方式,將表單的數(shù)據(jù)讀出并加以處理

2、 Get 方式需要使用 Request.QueryString 來取得變量的值;
Post 方式通過 Request.Form 來訪問提交的內(nèi)容

3、Get方式傳輸?shù)臄?shù)據(jù)量非常小,一般限制在2KB以內(nèi),但是執(zhí)行效率卻比 Post 方法好;
Post方式傳遞的數(shù)據(jù)量相對較大,它是等待服務(wù)器來讀取數(shù)據(jù),不過也有字節(jié)限制,這是為了避免對服務(wù)器用大量數(shù)據(jù)進(jìn)行惡意攻擊

除非你肯定你提交的數(shù)據(jù)可以一次性提交,否則請盡量用 Post 方法

提示
通過get方法提交數(shù)據(jù),可能會帶來安全性的問題。比如一個登陸頁面。當(dāng)通過get方法提交數(shù)據(jù)時,用戶名和密碼將出現(xiàn)在URL上。如果:
1、登陸頁面可以被瀏覽器緩存;
2、其他人可以訪問客戶的這臺機(jī)器。
那么,別人即可以從瀏覽器的歷史記錄中,讀取到此客戶的賬號和密碼。所以,在某些情況下,get方法會帶來嚴(yán)重的安全性問題。
建議
在Form中,建議使用post方法。

在input里,name 有什么作用?

name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

注釋:只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

radio 如何 分組?

一個分組,使用一個name值
分成多組radio,就必須name不同

placeholder 屬性有什么作用?

placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)。

該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。

注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password。

代碼
效果

type=hidden隱藏域有什么作用? 舉例說明

`<input type="hidden" /> `定義隱藏字段。

隱藏字段對于用戶是不可見的。隱藏字段通常會存儲一個默認(rèn)值,它們的值也可以由 JavaScript 進(jìn)行修改。
例子:
用來檢測用戶身份是否合法
<input type="hidden" name="KeyID" value="DGEX655023970" />
后臺接收數(shù)據(jù)時,會得到KeyID:DGEX655023970 如果正確,則可進(jìn)行處理;如果錯誤,則忽略。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,341評論 3 17
  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 980評論 0 1
  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標(biāo)簽和結(jié)...
    _Dot912閱讀 2,138評論 2 8
  • form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? 標(biāo)簽用于為用戶創(chuàng)建HTML表單,并向服務(wù)器...
    zx9426閱讀 645評論 0 1
  • 此時此刻 在時間的流 跳脫開去 就是自由 總有一天 真的跳脫 你去了 我也會去
    TheRainbowMe閱讀 121評論 0 0

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