用js为单form表单添加input id和label for

作者: nvovn | 来源:发表于2017-06-20 11:14 被阅读0次

window.onload= function(){

var WrapDiv = document.getElentById('bg-main');

var theLabel = document.getElementsByTagName('label');

var theInput = document.getElementsByTagName('input');

for(i = 0; i<theInput.length; i++){

theInput[i].id = 'c' + i;

}

for(j = 0; j<theLabel.length; j++){

theLabel[j].setAttribute('for','c'+j);

}

用js为单form表单添加input id和label for
window.onload= function(){ var WrapDiv = document.getElen...
学习Bootstrap3之基本表单
表单由 form 容器，输入描述组.form-group>(label+input.form-control),单...
name和id
一、只能用id： 1、for属性指定与label关联的 form控件（这里指input）的id My Input ...
web前端学习技术之对HTML5 智能表单的理解
Html5新增input的form属性，用于指向特定form表单的id，实现input无需放在form标签之中，即...
web前端开发技术之浅谈对HTML5 智能表单的理解
Html5新增input的form属性，用于指向特定form表单的id，实现input无需放在form标签之中，即...
HTML常用的标签
1. form标签 1.表单可以包含input、label、textareainput标签submit：用于数据提...
2018-07-18
form表单中的label标签 label for中的id名要保持和 for的属性值相同，这样才能保证当鼠标划过文...
2018-07-04
Form标签：标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单...
label标签的用法
给要绑定的input添加id，然后在label上添加for=“id”.这样，每次点击input前的提示文字，也会选...
移动设备的常见html5表单元素
form属性注：html5中，在form外的input，如果其form属性与form表单的id相同，则其inpu...