js脚本：一个页面含2个文本框，输入2个正整数，点击确认按钮，动态的在页面上形成几行几列的表格。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js脚本：一个页面含2个文本框，输入2个正整数，点击确认按钮，动态的在页面上形成几行几列的表格。相关的知识，希望对你有一定的参考价值。
<html><head>
<script>
function createTab(colInput, rowInput)
try
var cols = parseInt(document.getElementById(colInput).value);
var rows = parseInt(document.getElementById(rowInput).value);
catch(e)
alert('请输入两个正整数！');
return false;
var tab = document.createElement('TABLE');
tab.style.border = '1px solid black';
tab.style.borderCollapse='collapse';
for(var i = 0; i <rows ; i++)
var tr = document.createElement('TR');
tab.appendChild(tr);
for(var j = 0; j<cols ; j++)
var td = document.createElement('TD');
td.style.width = parseFloat(1/cols)*window.screen.width+'px';
td.style.border = '1px solid black';
td.style.height = '20px';
tr.appendChild(td);
document.body.appendChild(tab);
</script>
</head>
<body>
<input type="text" id="rows"/>
<input type="text" id = "cols">
<input type="button" onclick="createTab('rows','cols');"/>
</body>
</html> 参考技术A 用jquery可以实现
JS怎么控制文本框输入的长度
JS控制文本框输入的长度的方法如下：
1、html页面中有以下文本：
<input id="groupidtext" type="text" style="width: 100px;" maxlength="6" /></td>
2、用js限制输入的最大长度的脚本如下：
$(function)
$('#groupidtext').on 'input', function(e)
if(this.value.length === 6) //如果输入长度等于6，则禁用输入
$('input[type="submit"]').prop('disabled', false);
else
$('input[type="submit"]').prop('disabled', true);
js限制文本框输入的长度为18位字符， 只能是数字和字母，如果输入的字符超过18位就不能在输入了。
这个无需JS，用input text标签的maxlength属性即可实现。 代码如下：
<input type="text" maxlength="18" />
maxlength 属性后面设置需要限制的字段最大长度即可。
参考技术A 有个属性是maxlength$('input').attr("maxlength","12")
设置最大输入字符位数是12 参考技术B JS控制文本框输入的长度的方法如下：
1、html页面中有如下文本框：
<input id="groupidtext" type="text" style="width: 100px;" maxlength="6" /></td>
2、用js限制输入的最大长度的脚本：
$(function()
$('#groupidtext').on('input', function(e)
if(this.value.length === 6) //如果输入长度等于6，则禁用输入
$('input[type="submit"]').prop('disabled', false);
else
$('input[type="submit"]').prop('disabled', true);
);
);
以上是关于js脚本：一个页面含2个文本框，输入2个正整数，点击确认按钮，动态的在页面上形成几行几列的表格。的主要内容，如果未能解决你的问题，请参考以下文章