html隱藏文本框的幾種方法
有時辰我們在編寫html代碼的時辰，想埋沒文本框，怎么操作呢，下面來分享一下方式
東西/原料
- html
- 埋沒文本框的幾種方式
方式一：利用hidden類型埋沒
- 1
第一步文本框中插手type="hidden"，可以埋沒文本框且不占位置，如下圖所示：
- 2
第二步我們在瀏覽器中打開html頁面，可以看到文本框埋沒了，如下圖所示：
方式二：利用css樣式埋沒
- 1
第一步輸入 <input type="text" style="display:none;" value="利用css樣式埋沒，且不占位置">代碼，經由過程style="display:none;" 埋沒，且不占位置，如下圖所示：
- 2
第二步我們在瀏覽器中打開頁面，可以看到文本框被埋沒了，且沒有占位置，如下圖所示：
方式三：設置文本框寬高為0
- 1
第一步經由過程 <input type="text" value="" style="width:0;height:0">代碼設置文本框寬高為0，埋沒文本框，需要注重的是這種體例會有一個小點，不建議利用，如下圖所示：
注重事項
- 若是你感覺這篇對你有效的話，請投一下票
- 發表于 2018-10-10 00:00
- 閱讀 ( 1146 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章