HTML&CSS基础学习笔记1.25-input标签隐藏元素

时间:2022-01-10 15:02:02

隐藏元素

有时候我们编写前端代码的时候,可能需要把一些数据告诉后台,但是这些数据又不想让用户看到,我们可以设置<input>标签的[type]属性为"hidden"。

<input>的[type]属性值为"hidden"表示隐藏输入域。

这种类型的输入标签是看不见的,但是是真实存在的。这个不可见的标签的 [value] 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话,可以使用这种类型的<input>标签。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="index.css">
<title>表单</title>
</head>
<body>
<form action="/" method="get">
<h2>input标签 -- 隐藏元素</h2>
<p><input type="hidden" id="hidden"/></p>
</form>
</body>
</html>

更多学习内容就在码芽网,http://www.mayacoder.com/lesson/index

既然隐藏了,结果自然就是:

HTML&CSS基础学习笔记1.25-input标签隐藏元素