Form 表單簡單介紹

form表單有什么作用?

根據需制作包含表單元素的表單,用戶填寫后,表單會收集數據并傳輸到服務器存儲,用于開發者查看調用。

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

input標簽 作用
<input type="text"> 用于輸入單行文字字段
<input type="password"> 用于輸入密碼字段
<input type="checkbox"> 用于點選多項選擇
<input type="radio"> 用于點選單項選擇
<input type="file"> 用于上傳附件
<input type="text"> 用于單行文字字段
<input type="hidden"> 定義隱藏的輸入字段
<input type="reset"> 定義重置按鈕
<input type="submit"> 定義提交按鈕
<input type="number"> 定義包含數字值的輸入字段
<input type="button"> 定義按鈕

post 和 get 方式的區別?

  • GET在瀏覽器回退時是無害的,而POST會再次提交請求

  • GET產生的URL地址可以被Bookmark,而POST不可以

  • GET請求會被瀏覽器主動cache,而POST不會,除非手動設置

  • GET請求只能進行url編碼,而POST支持多種編碼方式

  • GET請求參數會被完整保留在瀏覽器歷史記錄里,而POST中的參數不會被保留

  • GET請求在URL中傳送的參數是有長度限制的(瀏覽器通常都會限制url長度在2K個字節,而大多數服務器最多處理64K大小的url),而POST沒有限制。

  • 對參數的數據類型,GET只接受ASCII字符,而POST沒有限制

  • GET比POST更不安全,因為參數直接暴露在URL上,所以不能用來傳遞敏感信息

  • GET參數通過URL傳遞,POST放在Request body中

  • GET和POST本質上就是TCP鏈接,并無差別。但是由于HTTP的規定和瀏覽器/服務器的限制,導致他們在應用過程中體現出一些不同

  • GET產生一個TCP數據包;POST產生兩個TCP數據包

參考:99%的人都理解錯了HTTP中GET與POST的區別

在input里,name 有什么作用?

  • name屬性為input元素設定名稱,當數據提交到數據庫中會顯示name:data
  • 在單選復選選框中,設置相同name的選項為一組選項

radio如何分組?

上一個問題已回答:在選擇框中,設置相同name的選項為一組選項
例如:

<input type=radio name=sex1 value=男>
<input type=radio name=sex1 value=女>
<input type=radio name=sex2 value=攻>
<input type=radio name=sex2 value=受>

其中男、女為一組選項,攻、受為一組選項

placeholder 屬性有什么作用?

placeholder屬性能夠讓你在文本框里顯示提示信息,一旦你在文本框里輸入了什么信息,提示信息就會隱藏

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

  • 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用
  • 收集用戶身份信息
  • 區分多個提交按鈕
  • 連接同一個頁面中的多個form,起到一次性提交同一頁面中所有form的效果
  • 存儲全局變量

參考:html hidden隱藏域作用及用法實例介紹

寫一篇博客簡單介紹 HTML 表單的用法

HTML表單的用法簡述

實現如下表單,附上預覽地址。其中性別和取向是單選,愛好是多選

實現地址

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容