css该如何隐藏文本框
程序员文章站
2022-03-22 13:08:02
...
css隐藏文本框的方法是，给文本框添加display属性，并设置属性值为none就可以了。display属性用来规定元素应该生成的框的类型。
本文操作环境：windows10系统、css 3、thinkpad t480电脑。
我们只需要输入 <input type="text" style="display:none;" value="使用css样式隐藏，且不占位置">代码，通过style="display:none;" 隐藏，且不占位置，如下图所示
此时我们在浏览器中打开页面，可以看到文本框被隐藏了，且没有占位置，如下图所示：
display 属性规定元素应该生成的框的类型。
属性值：
none 此元素不会被显示。
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p {display:inline}
</style>
</head>
<body>
<p>这两个段落生成内联盒子,和它的结果</p>
<p>这两个元素之间没有距离。</p>
相关视频分享：css视频教程
以上就是css该如何隐藏文本框的详细内容，更多请关注其它相关文章！
推荐阅读
-
打开Excel 表格总会显示网格线如果不需要该如何将其隐藏呢
-
以下代码如何让DIV先隐藏_html/css_WEB-ITnose
-
CSS如何将超出的内容隐藏_html/css_WEB-ITnose
-
使用.htaccess重定向后无法显示图片，CSS失效,该如何处理
-
样式表该如何修改_html/css_WEB-ITnose
-
Drupal, Html, PHP and CSS从来没用过，初学，一周以后可以胜任工作吗？该如何解决
-
用什么工具可以方便的 预览、修改 php和css,该如何解决
-
【CSS】隐藏多行文本框Textarea在IE中的垂直滚动条_html/css_WEB-ITnose
-
html 如何在文本框的背景图片上在加一张图片？_html/css_WEB-ITnose
-
用什么工具可以方便的 预览、修改 php和css,该如何解决