html隐藏文本框的几种方法

有时辰我们在编写html代码的时辰 , 想埋没文本框 , 怎么操作呢 , 下面来分享一下方式

需要这些哦
html
埋没文本框的几种方式
方式一:利用hidden类型埋没1第一步文本框中插手type="hidden" , 可以埋没文本框且不占位置 , 如下图所示:

html隐藏文本框的几种方法

文章插图

2第二步我们在浏览器中打开html页面 , 可以看到文本框埋没了 , 如下图所示:

html隐藏文本框的几种方法

文章插图

方式二:利用css样式埋没1【html隐藏文本框的几种方法】第一步输入 <input type="text" style="display:none;" value=https://vvvtt.com/article/"利用css样式埋没 , 且不占位置">代码 , 经由过程style="display:none;" 埋没 , 且不占位置 , 如下图所示:

html隐藏文本框的几种方法

文章插图

2第二步我们在浏览器中打开页面 , 可以看到文本框被埋没了 , 且没有占位置 , 如下图所示:

html隐藏文本框的几种方法

文章插图

方式三:设置文本框宽高为01第一步经由过程 <input type="text" value=https://vvvtt.com/article/"" style="width:0;height:0">代码设置文本框宽高为0 , 埋没文本框 , 需要注重的是这种体例会有一个小点 , 不建议利用 , 如下图所示:

html隐藏文本框的几种方法

文章插图

注重事项若是你感觉这篇对你有效的话 , 请投一下票

以上内容就是html隐藏文本框的几种方法的内容啦 , 希望对你有所帮助哦!

    推荐阅读