form表單用法

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

<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單并向服務器傳輸數(shù)據。

單行文本框<input type="text">
密碼框<input type="password">
單選組件<input type="radio">
多選組件<input type="checkbox">
隱藏組件<input type="hidden" name=" " value=" ">
按鈕:
普通按鈕<input type="button"> (但不會提交)
提交數(shù)據按鈕<input type="submit" >
重置按鈕<input type="reset">

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

  • get:在向后臺傳輸數(shù)據時,會用&把數(shù)據連接起來,然后鏈接在?后面,形成一個新的URL。而post不會形成新的URL,但數(shù)據依舊能傳輸給后臺。
  • get常用于向后臺提取或查詢數(shù)據,即輸入一個提示詞,后臺根據提示詞篩選數(shù)據,從而得到數(shù)據。而post常用于向后臺傳輸數(shù)據,post的安全性較高。
  • get方式可提交的數(shù)據量跟URL的長度有直接關系,因此并不能傳輸大量的數(shù)據。而post傳輸?shù)臄?shù)據量取決于服務器的處理程序的處理能力,但相比get方式,能夠傳輸較大量的數(shù)據。
  • 在form中,Method的默認方式是get。

在input里,name 有什么作用?

name屬性規(guī)定input元素的名稱,用于對提交到服務器后的表單數(shù)據進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據。

radio 如何 分組?

將需要設為同一分組的radio的name屬性,設為相同值。
下面為同一組:

<input type="radio" name="a" value="1">

<input type="radio" name="a" value="2">

<input type="radio" name="a" value="3">

下面為不同組:

<input type="radio" name="a" value="1">

<input type="radio" name="b" value="1">

placeholder 屬性有什么作用?

placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。

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

  • 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。
  • 能夠防止csrf攻擊,若被知曉服務器并向其傳輸數(shù)據,但由于<input type="hidden" name="" value="">中得到的name和value與服務器中存儲的不相符,則不會更新服務器中的數(shù)據,從而抵擋csrf的攻擊。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 標簽用于為用戶輸入創(chuàng)建 HTML 表單,表單能夠包含input元素,比如文本字段、復選框、單選框、提交按鈕等等。表...
    HE_Zoro閱讀 592評論 0 0
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 975評論 0 1
  • <input>標簽 標簽用于搜集用戶信息,根據不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,186評論 0 3
  • 1.form的基本介紹form 是 HTML 中的一種塊標簽,包含很多子標簽,組合后提交并與服務器進行交互數(shù)據 ,...
    饑人谷_chaos閱讀 367評論 0 0
  • 秋,身在古城。 沒有人比我更糾結每天要穿什么。因為兩年沒有感受天朝冬了,不知道寒冷的滋味是否依然。 人生有時候很傳...
    心在外海的魚閱讀 373評論 2 2

友情鏈接更多精彩內容