html 表单隐藏的作用

html 表单隐藏的作用,第1张

希望可以帮助你

隐藏表单主要可用于唯一标识传值,但你即不想用GET方法传,也不想显示这个唯一标识的时候适用。

作用比喻:你的表单内是用户资料,你需要对用户资料的修改,但又不想显示用户的登录ID,或登录ID已经在上一个页面显示过,这个页面只是上一个页面的下一页,你就可以把值放到隐藏表单里再传到另一个页。这样你就可以在任何一个页面都能标识正在编辑的这个用户资料是谁的(哪个ID)

用法说明:其实他和其它表单类型是一样的,同样有value这个属性,唯一的区别是在于,隐藏表单不会把这个无素显示出来,但在提交过程中仍然有效。

例:<input type="hidden" id="hid" value="用户ID">

放到<form></form>中进行提交后,可到接收处理页面中进行request,获取该元素的值。

嗯,理解你的意思,其实很简单啊,只要取出单选按钮的值,然后赋值给隐藏的表单即可。

当你点击提交的时候隐藏的表单就有值了:

  var myvalue = document.getElementById("content_rank5").value

  document.getElementById("content_rank").value = myvalue

这样依赖隐藏的input就有值了。

希望能帮到你!!~

<html>

<head>

<script>

function yincang()

{

document.getElementById("td1").style.display = "none"

document.getElementById("td2").style.display = "none"

document.getElementById("td3").style.display = "none"

}

function xianshi()

{

document.getElementById("td1").style.display = ""

document.getElementById("td2").style.display = ""

document.getElementById("td3").style.display = ""

}

</script>

</head>

<body>

<table>

<tr>

<td id="td1">账号</td>

<td>姓名</td>

</tr>

<tr>

<td id="td2">100</td>

<td>张三</td>

</tr>

<tr>

<td id="td3">200</td>

<td>李四</td>

</tr>

</table>

<input type="button" onclick="yincang()" value="隐藏"/>

<input type="button" onclick="xianshi()" value="显示"/>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6190345.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存