18910140161

不知道html5 hidden属性怎么用?

顺晟科技

2021-06-16 10:35:07

325

首先,先说隐藏属性:

这是html5中的一个新属性。可以藏在P标签里,但是浏览器看不到。请看这个例子:

超文本标记语言

metharset=' UTF-8 '

Titlephp中文网站/标题

/head

身体

p本段不隐藏。/p

p本段不隐藏。/p

菲德登这一段应该隐藏起来。/p

p本段不隐藏。/p

p本段不隐藏。/p

/body

/html

我只是在中间加了一个隐藏属性,剩下的和别人一样,看结果

tuyi.png

图中只有四行,中间一行消失。

在了解了这个属性的基本用法之后,让我们看看隐藏属性在表单中代表了什么

二、表格的隐藏属性的作用:

隐藏字段在页面中对用户是不可见的,在表单中插入隐藏字段的目的是收集或发送信息,处理表单的程序可以使用这些信息。当查看者单击发送按钮发送表单时,隐藏字段的信息也会发送到服务器。

有时候我们要给用户信息,让他在提交表单的时候提交来确认身份,比如sessionkey等。当然这些东西也可以用cookies来实现,但是使用隐藏字段就简单多了,不会出现浏览器不支持,用户禁用cookies的麻烦。

有时一个表单中有多个提交按钮。程序如何辨别用户按了哪个按钮提交?我们可以写一个隐藏字段,然后在每个按钮上添加onclick=' document . form.command . value=' xx ',然后我们在收到数据后会检查command的值,知道用户提交的是哪个按钮。

有时候一个网页中有多个表单,我们知道多个表单不能同时提交,但是有时候表单之间确实会有交互,所以我们可以在表单中添加隐藏字段来连接它们。

JavaScript不支持全局变量,但是有时候我们不得不使用全局变量,这样我们就可以先把值存储在隐藏的字段中,它的值就不会丢失。

还有一个例子,比如按一个按钮弹出四个小窗口,点击其中一个,另外三个自动关闭。但是IE不支持小窗口互相调用,所以在父窗口中只写一个隐藏字段,小窗口看到隐藏字段的值关闭时,自己关闭。

示例:使用hidden实现点击submit按钮,数字增加1,数值增加. htm。

Formaction='值增量。ashx'method='post '

input type=' hidden ' name=' _ view state ' value=' a '/

input type=' hidden ' name=' _ div ' value=' @ n '/

!-input name=' txt ' type=' text ' value=' @ value '/-

div@n/div

input type=' submit ' value=' click '/

/form

好了,以上是关于HTML5hidden属性在两个地方的用法。如果你有任何问题,可以在下面提问

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航