HTML input hidden隱藏域
將<input>標籤的type屬性值設定為"hidden"即可建立一個隱藏域。
在實際應用中,有些值需要提交,但又不希望被使用者看到,那麼使用隱藏域是一個很好的選擇。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <form name="myform" method="post" action="do.php"> 賬號:<input type="text" name="username"/><br/> 密碼:<input type="text" name="pw"/><br/> <input type="submit" value="提交"/> <input type="reset" value="重置"/> <input type="hidden" name="hd" value="10" /> </form> </body> </html>
隱藏域不會在頁面顯示,但是它的value值會被提交。
特別說明:name屬性是必須的,否則後臺無法接收提交的表單資料。
不建議使用隱藏域來提交重要資訊,它只是讓頁面更為友好而已,沒有任何安全性,通過瀏覽器可以很輕鬆的獲取它所傳遞的值,圖示如下:
相關文章
- HTML input hidden 隱藏域HTML
- HTML input url域HTML
- input全選與單選(把相應的value放入隱藏域去)
- HTML input tel 撥號域HTML
- HTML input search搜尋域HTML
- HTML input email郵箱域HTMLAI
- HTML input file檔案域HTML
- HTML input email 郵箱域HTMLAI
- HTML input file 檔案域HTML
- HTML input text單行文字域HTML
- 三種隱藏 HTML 元素的方式HTML
- JqueryautoComplete給隱藏域賦值jQuery賦值
- 點選開關顯示或者隱藏input文字框
- 隱藏域在Ajax中的應用
- HTML hidden屬性HTML
- 隱藏域 使用者名稱密碼密碼
- ‘模組化‘ ’資訊隱藏和區域性化’
- 直播平臺原始碼,input密碼框顯示與隱藏原始碼密碼
- 使用CSS隱藏HTML元素的4種常用方法CSSHTML
- formValidation.js驗證隱藏域小tipORMJS
- vue點選空白區域,下拉選單隱藏Vue
- HTML的input型別為hidden導致無法reset改欄位的value問題HTML型別
- HTML input rangeHTML
- MAC如何顯示隱藏檔案和隱藏隱藏檔案的命令Mac
- H5 JS控制input表單密碼的顯示與隱藏H5JS密碼
- 隱藏ip
- 隱藏索引索引
- MacOS X隱藏和顯示隱藏檔案Mac
- Mac顯示和隱藏“隱藏檔案”命令Mac
- Spring MVC-表單(Form)標籤-隱藏欄位(Hidden Field)示例(轉載實踐)SpringMVCORM
- 隱藏資料夾怎麼取消隱藏 關閉隱藏檔案的辦法
- Flutter實現點選空白區域隱藏軟鍵盤Flutter
- apache PHP 隱藏 index.php 報錯 No input file specified. 解決辦法ApachePHPIndex
- HTML input 元素概述HTML
- HTML input date calendarHTML
- Oracle 隱藏列Oracle
- 使用 hide和 show方法來隱藏和顯示 HTML 元素IDEHTML
- Mac下顯示和隱藏隱藏檔案的命令Mac