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
- 阅读 ( 1144 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章