如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)

發(fā)布時(shí)間：2020-11-10 11:09:09 來(lái)源：億速云閱讀：321 作者：小新欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

type="hidden"的使用方法

我們來(lái)看以下的代碼示例

<html>
    <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>

運(yùn)行效果如下

如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)

當(dāng)type屬性設(shè)置為hidden時(shí)，瀏覽器上不顯示任何內(nèi)容。

當(dāng)使用瀏覽器的驗(yàn)證工具查看源代碼時(shí)，您可以看到有一個(gè)類型屬性被隱藏的部分。

如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)

將type屬性設(shè)置為hidden的一個(gè)重要作用是要發(fā)送的數(shù)據(jù)不會(huì)顯示在瀏覽器中。

有時(shí)我們使用hidden來(lái)利用瀏覽器上不可見(jiàn)的內(nèi)容來(lái)判斷用戶發(fā)送到服務(wù)器的命令類型。

但是，即使在瀏覽器上看不到它，也可以通過(guò)查看源代碼來(lái)查看發(fā)送的值。

關(guān)于如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

如何使用HTML中input標(biāo)簽的hidden發(fā)送隱藏?cái)?shù)據(jù)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽