gpt4 book ai didi

javascript - 将 "value"属性用作隐藏值是正确的做法吗

转载 作者:行者123 更新时间:2023-11-30 13:31:32 25 4
gpt4 key购买 nike

据我所知,value 被用作 HTML 输入属性。

<form action="form_action.asp" method="get">
<input type="submit" value="Submit form" />
</form>

但是,我想知道,我可以在其他 HTML 属性中使用它来充当隐藏值,这是正确的做法吗?

例如,对于每个表行,我想用一个唯一的 ID 标记它,作为 SQL 数据库中的唯一 ID。但是,与此同时,我也想对最终用户隐藏唯一 ID。

这是我一直在使用的技术。

<html>
<head>
<title>
XXX
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('.delete-button').click(function() {
var clicked = $(this);
alert(clicked.parent('tr').attr('value'));
});
});
</script>

</head>
<body>

<table style="border-style:none">
<tbody>
<tr>
<th>Server Name</th>
<th>IP Address</th>
</tr>
<tr style="border-style:none" value="ROW ID 1">
<td class="edit">Yahoo Server</td>
<td class="edit">196.168.0.1</td>
<td class = "delete-button" style="border-style:none"><a href="">DELETE</a></td>
</tr>
<tr style="border-style:none" value="ROW ID 2">
<td class="edit">Google Server</td>
<td class="edit">196.168.0.2</td>
<td class = "delete-button" style="border-style:none"><a href="">DELETE</a></td>
</tr>
</tbody>
</table>

</body>
</html>

由于我不经常使用 HTML 和 JavaScript,所以我想知道以上是否是一种正确且常用的技术?

最佳答案

对于严格的 HTML4/XHTML,您不应该在标签上创建任意属性。可以,但它对架构无效。

对于 HTML5,最佳做法是使用 data- attributes .

例如。

<tr style="border-style:none" data-rowid="ROW ID 1">
<td class="edit">Yahoo Server</td>
<td class="edit">196.168.0.1</td>
<td class="delete-button" style="border-style:none"><a href="">DELETE</a></td>
</tr>

关于javascript - 将 "value"属性用作隐藏值是正确的做法吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6604592/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com