有时候我们在编写html代码的时候,想隐藏文本框,怎么操作呢,下面来分享一下方法
工具/原料
html
隐藏文本框的几种方法
方法一:使用hidden类型隐藏
1、第一步文本框中加入type="hidden",可以隐藏文本框且不占位置,如下图所示:
2、第二步我们在浏览器中打开html页面,可以看到文本框隐藏了,如下图所示:
方法二:使用css样式隐藏
1、第一步输入<inputtype="text"style=&q掼鸿乡羰uot;display:none;"v锾攒揉敫alue="使用css样式隐藏,且不占位置">代码,通过style="display:none;"隐藏,且不占位置,如下图所示:
2、第二步我们在浏览器中打开页面,可以看到文本框被隐藏了,且没有占位置,如下图所示:
方法三:设置文本框宽高为0
1、第一步通过<inputtype="text"value=&q掼鸿乡羰uot;"style="wi颊俄岿髭dth:0;height:0">代码设置文本框宽高为0,隐藏文本框,需要注意的是这种方式会有一个小点,不建议使用,如下图所示: