Form表單的用法

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

  • 表單的作用是搜集用戶的輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與web服務器的交互。
  • 常用的input標簽及作用
   定義用于文本輸入的單行輸入字段(默認寬度為20個字符)
   <input type="text">
   定義密碼字段 
   <input type="password">
   定義單選按鈕,允許用戶在有限數量的選項中選擇一個
   <input type="radio">
   定義復選框
   <input type="checkbox">
   定義用于向表單處理程序提交表單的按鈕
   <input type="submit">
   定義按鈕
   <input type="button">
   用于應該包含數字值的輸入字段
   <input type="number">
   用于應該包含日期的輸入字段
   <input type="date">
   用于應該包含顏色的輸入字段,根據瀏覽器支持,顏色選擇器會出現輸入字段中
   <input type="color">
   用于應該包含一定范圍內的值的輸入字段,根據瀏覽器支持,輸入字段能夠顯示為滑動控件
   <input type="range">
   允許用戶選擇月份和年份,根據瀏覽器的支持,日期選擇器會出現在輸入字段中
   <input type="month">
   允許用戶選擇周和年,根據瀏覽器支持,日期選擇器會出現輸入字段中
   <input type="week">
   允許用戶選擇時間(無時區),根據瀏覽器支持,時間選擇器會出現輸入字段中
   <input type="time">
   允許用戶選擇日期和時間(有時區),根據瀏覽器支持,日期選擇器會出現輸入字段中
   <input type="datetime">
   允許用戶選擇日期和時間(無時區),根據瀏覽器支持,日期選擇器會出現輸入字段中
   <input type="datetime-local">
   用于應該包含電子郵件地址的輸入字段,能夠在被提交時自動對電子郵件地址進行驗證
   <input type="email">
   用于搜索字段(搜索字段的表現類似常規文本字段)
   <input type="search">
   用于應該包含電話號碼的輸入字段,目前只有Safari 8支持該類型
   <input type="tel">
   用于應該包含URL地址的輸入字段,根據瀏覽器的支持,在提交時能夠自動驗證url字段
   <input type="url">

post 和 get 方式的區別?

  • get適用于非敏感數據的提交,post適用于敏感數據的提交
  • 當使用get方法時,表單數據在頁面地址欄中是可見的;當使用post方法時,表單數據在頁面地址欄中是不可見的。
  • get適用于數據的查詢和獲取,post適用于數據的增加刪除和修改
  • get方法提交的數據最多只能是1024字節,理論上POST沒有限制,可傳較大量的數據,IIS4中最大為80KB,IIS5中為100KB

在input里,name 有什么作用?

  • POST和GET的時候,name和input中的值會形成的 鍵/值 對,服務器端的表單處理程序只有通過name才能獲取到相應的用戶輸入。

radio如何分組?

  • 為屬于同一組(類別)的選項設置相同的name值

placeholder 屬性有什么作用?

  • placeholder屬性規定用以描述輸入字段預期值的提示,該提示會在用戶輸入值之前顯示在輸入字段中
  • placeholder 屬性適用于以下輸入類型:text、search、url、tel、email 以及 password

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

  • 標簽<input type="hidden" name="" value="">標簽的作用是:隱藏不想讓用戶看到的信息,但是這些信息對于Web應用又是非常必要的。
  • 暫存信息:后端在構造web頁面的過程中,通過hidden隱藏域在頁面中添加了相關數據信息(用戶對網頁進行操作時可能會用到這些數據信息)
  • 信息安全:后端在構造web頁面的過程中,可以通過hidden隱藏域在頁面中添加相關的驗證信息,當form表單被提交后,服務器會收到該驗證信息,通過一定的算法校驗該驗證信息,可以有效防止非法請求對數據庫的增刪改查,提高了web應用的安全性。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結...
    _Dot912閱讀 2,048評論 2 8
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 924評論 0 1
  • form表單的作用: 網站怎樣與用戶進行交互?答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送...
    石林濤閱讀 9,477評論 0 2
  • <form> 標簽用于為用戶輸入創建 HTML 表單。 表單能夠包含 input 元素,比如文本字段、復選框、單選...
    饑人谷_tanfei閱讀 316評論 0 0
  • Web 如何向服務器提交數據?答案是表單。平時我們使用的登錄框、搜索框等都是表單的組成。 表單元素用 標簽包裹,有...
    Carlmac閱讀 234評論 0 0