首頁 >web前端 >html教學 >使用HTML中input標籤的hidden傳送隱藏資料的方法

使用HTML中input標籤的hidden傳送隱藏資料的方法

不言
不言原創
2019-01-16 14:42:5611016瀏覽

input是一個標籤,也可以稱為組成表單的元件,透過改變type屬性,可以輸入各種格式。使用type屬性,也可以輸入單行文字輸入和密碼,複選框,單選按鈕和文件,這篇文章我們就來看看input標籤的hidden發送隱藏資料的方法。

使用HTML中input標籤的hidden傳送隱藏資料的方法

type="hidden"的使用方法

##我們來看以下的程式碼範例


#

<使用HTML中input標籤的hidden傳送隱藏資料的方法>
    <form action="/form.php" method="post">
        <div>
            <label for="name">名称</label>
            <input type="text" id="name" name="name">
            <input type="hidden" id="userid" name="nameid" value="012345">
        </div>
    </form>
</使用HTML中input標籤的hidden傳送隱藏資料的方法>

運行效果如下

使用HTML中input標籤的hidden傳送隱藏資料的方法

當type屬性設定為hidden時,瀏覽器上不顯示任何內容。

當使用瀏覽器的驗證工具查看原始程式碼時,您可以看到有一個類型屬性被隱藏的部分。

使用HTML中input標籤的hidden傳送隱藏資料的方法

將type屬性設定為hidden的一個重要作用是要傳送的資料不會顯示在瀏覽器中。

有時我們會使用hidden來利用瀏覽器上不可見的內容來判斷使用者傳送到伺服器的命令類型。

但是,即使在瀏覽器上看不到它,也可以透過查看原始程式碼來查看發送的值。

以上是使用HTML中input標籤的hidden傳送隱藏資料的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn