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

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

不言
發布: 2019-01-16 14:42:56
原創
11033 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板