HTML表單的用法

1、form表單有什么作用??有哪些常用的input 標簽,分別有什么作用?

form表單的作用是把用戶輸入的數(shù)據(jù)提交到后臺;

<input name="username" type="text"> 用于輸入文本信息
<input name="password" type="password"> 用于輸入密碼,輸入的內容顯示為圓點
<input name="sex" type="radio"> 單選框
<input name="hobby" type="checkbox"> 復選框
<input name="" type="hidden"> 隱藏域,用戶看不到,用于暫存數(shù)據(jù),或者安全性校驗
<input type="submit" /> 提交輸入
<input type="reset" value="Reset" /> 重置輸入

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

  • get是從服務器上獲取數(shù)據(jù),post是向服務器傳送數(shù)據(jù)。
  • get是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中,值和表單內各個字段一一對應,在URL中可以看到。post是通過HTTPpost機制,將表單內各個字段與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。
  • get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,它是等待服務器來讀取數(shù)據(jù),不過也有字節(jié)限制,這是為了避免對服務器用大量數(shù)據(jù)進行惡意攻擊。
  • get安全性非常低,post安全性較高。get方式提交數(shù)據(jù),會帶來安全問題,比如一個登陸頁面,通過 Get 方式提交數(shù)據(jù)時,用戶名和密碼將出現(xiàn)在URL上,如果頁面可以被緩存或者其他人可以訪問客戶這臺機器,就可以從歷史記錄獲得該用戶的帳號和密碼,所以表單提交建議使用 post 方法。

3、在input里,name 有什么作用?

name 屬性用于對提交到服務器后的表單數(shù)據(jù)進行標識,只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

4、radio 如何分組?

通過name屬性值的不同分組,同一組的name必須相同

5、placeholder 屬性有什么作用?

在文本框中顯示提示語。

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

隱藏域是用來收集或發(fā)送信息的不可見元素,對于網(wǎng)頁的訪問者來說,隱藏域是看不見的。當表單被提交時,隱藏域就會將信息用你設置時定義的名稱和值發(fā)送到服務器上。

代碼格式:

<input type="hidden" name="..." value="...">
屬性解釋:

type=”hidden”定義隱藏域;

name屬性定義隱藏域的名稱,要保證數(shù)據(jù)的準確采集,必須定義一個獨一無二的名稱;

value屬性定義隱藏域的值

例如:

<input type=”hidden” name=”ExPws” value=”dd”>
其實說白了就隱藏域不在前臺顯視的,跟表單的元素一樣.有名字有數(shù)值,只是在提交數(shù)據(jù)是不可見的

隱藏域的作用:

  • 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。
  • 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現(xiàn),但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。
  • 有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick=”document.form.command.value=”xx”“然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數(shù)據(jù),從而實現(xiàn)用戶...
    zx9426閱讀 434評論 0 1
  • 1、關于form表單的基礎 form表單:是一個包含表單元素的區(qū)域;作用,用于包裹表單元素。 表單元素:是允許用戶...
    tangmengyun閱讀 710評論 1 1
  • 在 HTML 中,表單是由 標記定界的區(qū)域,包含文本輸入框、按鈕、復選框和圖形用戶界面的其他功能部件。Web ...
    萊昂納德剛閱讀 481評論 0 0
  • HTML 表單用于搜集不同類型的用戶輸入。 元素定義 HTML 表單,相當于表單的外殼,用于把用戶輸入的不同類型...
    lingfighting閱讀 451評論 0 1
  • 嗯,題目已經(jīng)表達了全部局長想說的話 還會在他們裸睡大街的時候,幫他們拿毯子蓋免得著涼 他幾乎毫無障礙的接受了G。 ...
    0773e17b1899閱讀 2,555評論 0 0