• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • 12、HTML <form>標簽(表單)

    標簽: # HTML入門教程

    從傳統意義上講,"表單"這個詞指代的是一個文檔,這個文檔中有一些空白區域可供用戶填寫信息。區別于傳統意義上的表單,HTML 中的表單不僅可以供用戶填寫信息還可以為用戶提供信息。

    例如,登錄頁面和注冊頁面使用的就是表單。當用戶填寫了相應信息后,這些信息就會經過表單服務器被提交到網站的后臺,后臺管理人員可以經過一系列操作拿到用戶輸入的信息來判斷是否允許用戶登錄或注冊。接下來我們看一下在網頁中是如何使用表單的。

    1. 簡述<form>標簽

    HTML 中規定,使用 <form> 標簽來表示表單。我們都知道表格的行、列及單元格需要放在 <table></table> 標簽中,表單里的元素也不例外,同樣需要放在 <form></form> 標簽中。<form> 標簽有幾個常用的屬性,見下表:

    <form> 標簽的常用屬性:
    在這里插入圖片描述

    具體語法如下:

    <form action="url" method="post" name="formName"></form>
    

    method="post"和method=“get”

    此處使用提交方法為post,還可以設置為get。我們來看一下兩者之間有什么區別:

    • get:用戶點擊提交按鈕后,提交的信息會被顯示在頁面的地址欄中。一般情況下,get提交方式中不建議包含密碼,因為密碼被提交到地址欄,不安全。
    • post:如果表單包含密碼這種敏感信息,建議使用post方式進行提交,這樣數據會傳送到后臺,不顯示在地址欄中,相對安全。
      在這里插入圖片描述

    2. <form>標簽所有屬性

    以上我們列舉的是 <form> 標簽的常用屬性,接下來看一下它的所有屬性:

    <form> 標簽的所有屬性:

    • action---- 規定用戶點擊提交按鈕時,表單被提交到的位置。
    • method---- 規定表單提交時所使用的 http 請求方法,只能是 get 或 post 中的任意一種。
    • name ----定義表單的名稱,不能包含特殊字符和空格。
    • accept-charset---- 規定在被提交表單中使用的字符集(默認:頁面字符集)。
    • autocomplete---- 規定瀏覽器應該自動完成表單(默認:開啟)。
    • enctype---- 規定被提交數據的編碼(默認:url-encoded)。
    • novalidate ----規定瀏覽器不驗證表單。
    • target ----規定 action 屬性中地址的目標(默認:_self)。

    如果某個文檔要加入多個表單,<form> 標簽不可以互相嵌套。表單的提交功能我們在后面章節會詳細講解。

    版權聲明:本文為weixin_44234912原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/weixin_44234912/article/details/109367622

    智能推薦

    【HTML】表單-form

    【HTML】表單-form 1、知識結構圖 2、腳本示例 3、效果圖 4、腳本與效果對映 5、表單初級驗證 1、知識結構圖 2、腳本示例 3、效果圖 4、腳本與效果對映 5、表單初級驗證 表單驗證的好處 表單初級驗證的方法 placeholder 語法: required 語法: pattern 語法:...

    HTML FORM表單

    表單:GET提交和POST提交的區別 1, get提交,提交的信息都顯示在地址欄中。 post提交,提交的信息不顯示地址欄中。 2, get提交,對于敏感的數據信息不安全。 post提交,對于敏感信息安全。 3, get提交,對于大數據不行,因為地址欄存儲體積有限。 post提交,可以提交大體積數據。 4, get提交,將信息封裝到了請求消息的請求行中。 post提交,將信息封裝到了請求體中 結果...

    html form表單

    僅供學習,轉載請注明出處 form表單 表單用于搜集不同類型的用戶輸入,表單由不同類型的標簽組成,相關標簽及屬性用法如下: 1、<form>標簽 定義整體的表單區域 action屬性 定義表單數據提交地址 method屬性 定義表單提交的方式,一般有“get”方式和“post”方式 2、<label>標簽 為表單元素定義文字標...

    HTML中常用操作關于:頁面跳轉,空格

    1.頁面跳轉 2.空格的代替符...

    freemarker + ItextRender 根據模板生成PDF文件

    1. 制作模板 2. 獲取模板,并將所獲取的數據加載生成html文件 2. 生成PDF文件 其中由兩個地方需要注意,都是關于獲取文件路徑的問題,由于項目部署的時候是打包成jar包形式,所以在開發過程中時直接安照傳統的獲取方法沒有一點文件,但是當打包后部署,總是出錯。于是參考網上文章,先將文件讀出來到項目的臨時目錄下,然后再按正常方式加載該臨時文件; 還有一個問題至今沒有解決,就是關于生成PDF文件...

    猜你喜歡

    電腦空間不夠了?教你一個小秒招快速清理 Docker 占用的磁盤空間!

    Docker 很占用空間,每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時,我們的磁盤空間會被大量占用。 如果你也被這個問題所困擾,咱們就一起看一下 Docker 是如何使用磁盤空間的,以及如何回收。 docker 占用的空間可以通過下面的命令查看: TYPE 列出了docker 使用磁盤的 4 種類型: Images:所有鏡像占用的空間,包括拉取下來的鏡像,和本地構建的。 Con...

    requests實現全自動PPT模板

    http://www.1ppt.com/moban/ 可以免費的下載PPT模板,當然如果要人工一個個下,還是挺麻煩的,我們可以利用requests輕松下載 訪問這個主頁,我們可以看到下面的樣式 點每一個PPT模板的圖片,我們可以進入到詳細的信息頁面,翻到下面,我們可以看到對應的下載地址 點擊這個下載的按鈕,我們便可以下載對應的PPT壓縮包 那我們就開始做吧 首先,查看網頁的源代碼,我們可以看到每一...

    Linux C系統編程-線程互斥鎖(四)

    互斥鎖 互斥鎖也是屬于線程之間處理同步互斥方式,有上鎖/解鎖兩種狀態。 互斥鎖函數接口 1)初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

    統計學習方法 - 樸素貝葉斯

    引入問題:一機器在良好狀態生產合格產品幾率是 90%,在故障狀態生產合格產品幾率是 30%,機器良好的概率是 75%。若一日第一件產品是合格品,那么此日機器良好的概率是多少。 貝葉斯模型 生成模型與判別模型 判別模型,即要判斷這個東西到底是哪一類,也就是要求y,那就用給定的x去預測。 生成模型,是要生成一個模型,那就是誰根據什么生成了模型,誰就是類別y,根據的內容就是x 以上述例子,判斷一個生產出...

    精品国产乱码久久久久久蜜桃不卡