1. 您的位置 首頁 技術

        html怎么隱藏input標簽

        html input隱藏標簽的方法:1、給input標簽設置hidden屬性,語法“<input hidden />”;2、設置input標簽的type屬性的值為“hi…

        html input隱藏標簽的方法:1、給input標簽設置hidden屬性,語法“<input hidden />”;2、設置input標簽的type屬性的值為“hidden”,語法“<input type="hidden"/>”。

        本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

        html隱藏input標簽

        方法1:給input標簽設置hidden屬性

        hidden 屬性規定對元素進行隱藏。隱藏的元素不會被顯示。

        如果使用該屬性,則會隱藏元素。

        可以對 hidden 屬性進行設置,使用戶在滿足某些條件時才能看到某個元素(比如選中復選框,等等)。然后,可使用 JavaScript 來刪除 hidden 屬性,使該元素變得可見。

        示例:

        <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><input placeholder="文本,字母,數字等都可輸入" hidden /><br /><br /><input placeholder="文本,字母,數字等都可輸入"/></body></html>

        效果圖:

        1.png

        方法2:設置input標簽的type屬性的值為“hidden”

        type 屬性規定要顯示的 <input> 元素的類型;設置值為hidden可定義隱藏輸入字段。

        示例:

        <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><input placeholder="文本,字母,數字等都可輸入"/><br /><br /><input type="hidden" placeholder="文本,字母,數字等都可輸入"/><br /><br /><input placeholder="文本,字母,數字等都可輸入"/><br /><br /></body></html>

        效果圖:

        2.png

        推薦教程:《html視頻教程》

        以上就是html怎么隱藏input標簽的詳細內容,更多請關注24課堂在線網其它相關文章!

        本文來自網絡,不代表24小時課堂在線立場,轉載請注明出處:http://www.rw-tm.com/96264.html

        為您推薦

        返回頂部
        欧美人牲交免费观看