HTML input hidden 隱藏域

admin發表於2018-05-26

將<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屬性是必須的,否則後臺無法接收提交的表單資料。

不建議使用隱藏域來提交重要資訊,它只是讓頁面更為友好而已,沒有任何安全性,通過瀏覽器可以很輕鬆的獲取它所傳遞的值,圖示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201702/07/192604kcssdhdhug3p3dxb.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章