html input隱藏標(biāo)簽的方法:1、給input標(biāo)簽設(shè)置hidden屬性,語法“<input hidden />”;2、設(shè)置input標(biāo)簽的type屬性的值為“hidden”,語法“<input type="hidden"/>”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
html隱藏input標(biāo)簽
方法1:給input標(biāo)簽設(shè)置hidden屬性
hidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏。隱藏的元素不會(huì)被顯示。
如果使用該屬性,則會(huì)隱藏元素。
可以對(duì) hidden 屬性進(jìn)行設(shè)置,使用戶在滿足某些條件時(shí)才能看到某個(gè)元素(比如選中復(fù)選框,等等)。然后,可使用 JavaScript 來刪除 hidden 屬性,使該元素變得可見。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,數(shù)字等都可輸入" hidden /><br /><br /> <input placeholder="文本,字母,數(shù)字等都可輸入"/> </body> </html>
效果圖:
方法2:設(shè)置input標(biāo)簽的type屬性的值為“hidden”
type 屬性規(guī)定要顯示的 <input> 元素的類型;設(shè)置值為hidden可定義隱藏輸入字段。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,數(shù)字等都可輸入"/><br /><br /> <input type="hidden" placeholder="文本,字母,數(shù)字等都可輸入"/><br /><br /> <input placeholder="文本,字母,數(shù)字等都可輸入"/><br /><br /> </body> </html>
效果圖:
推薦教程:《html視頻教程》