在 MVC 中,HiddenFor
是用于在表单中隐藏某些字段,并控制表单提交的方式。要将 HTML5 属性和值导入 HiddenFor
,可以按照以下步骤进行操作:
data-
前缀来指定属性的名称,例如 data-name
。HiddenFor
中,使用 value
属性指定要隐藏的属性的名称,例如 value="name"
。data-
前缀的属性的值提取出来,并赋值给 HiddenFor
中对应的属性。下面是一个示例代码:
<form>
<input type="text" data-name="John" value="John" />
<input type="text" data-name="Jane" value="Jane" />
<input type="hidden" data-name="hidden-name" value="John" />
<input type="submit" value="Submit" />
</form>
在上面的代码中,data-name
属性指定了要隐藏的属性的名称,value
属性指定了要隐藏的属性的值。在表单提交时,通过 JavaScript 将 data-name
属性的值提取出来,并赋值给 HiddenFor
中对应的属性。例如:
var form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault();
var data = {};
var inputs = form.querySelectorAll('input[data-name]');
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
var name = input.getAttribute('data-name');
var value = input.value;
data[name] = value;
}
console.log(data);
});
在上面的代码中,querySelectorAll
方法指定了要查找的元素的 CSS 选择器,data-name
属性指定了要查找的属性的名称,value
属性指定了要查找的属性的值。在表单提交时,通过 JavaScript 将 data-name
属性的值提取出来,并赋值给 HiddenFor
中对应的属性。例如:
var form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault();
var data = {};
var inputs = form.querySelectorAll('input[data-name]');
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
var name = input.getAttribute('data-name');
var value = input.value;
data[name] = value;
}
console.log(data);
});
在上面的代码中,data
变量指定了要提交的表单数据,inputs
变量指定了要查找的元素的 CSS 选择器,for
循环指定了要查找的元素的索引,name
和 value
属性指定了要查找的属性的名称和值。在表单提交时,通过 JavaScript 将 data-name
属性的值提取出来,并赋值给 HiddenFor
中对应的属性。例如:
var form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault();
var data = {};
var inputs = form.querySelectorAll('input[data-name]');
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
var name = input.getAttribute('data-name');
var value = input.value;
data[name] = value;
}
console.log(data);
});
在上面的代码中,data
变量指定了要提交的表单数据,inputs
变量指定了要查找的元素的 CSS 选择器,for
循环指定了要查找的元素的索引,name
和 value
属性指定了要查找的属性的名称和值。在表单提交时,通过 JavaScript 将 data-name
属性的值提取出来,并赋值给 HiddenFor
中对应的属性。例如:
var form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault();
var data = {};
var inputs = form.querySelectorAll('inputdata-name');
for (var i = 0; i < inputs.length
领取专属 10元无门槛券
手把手带您无忧上云