怎样用js创建Form表单并提交

JavaScript016

怎样用js创建Form表单并提交,第1张

可以手动构建一个FormData进行表单提交,代码如下:

var form = new FormData()

//添加参数

form.append('name', 'jack')

form.append('age', 20)

//使用xmlhttprequest发起请求

var xhr = new XMLHttpRequest()

xhr.open('post', '这里添上请求的url', true)

xhr.onreadystatechange = function() {

    if(xhr.readyState == 4) {

        //成功

    }

}

//执行请求

xhr.send(form)

这边写了个,请保存为 表格.html测试

<html>

<body>

<h1>JavaScript 生成表格</h1>

<h2>行:<input id=mrow type=number/>

列:<input id=mcolumn type=number/>

<input type="button" value="生成表格" onclick="gettable()" /></h2>

<hr/>

<p id="demo"></p>

<script type="text/javascript">

function gettable()

{

mrow=document.getElementById("mrow").value

mcolumn=document.getElementById("mcolumn").value

mytable="<table border=1>"

for (i = 0i <mrowi++) {

mytable += "<tr>"

for(j=0j<mcolumnj++){

mytable+="<td>"+"第"+(i+1)+"行 第"+(j+1)+"列"+"</td>"

}

mytable += "</tr>"

}

mytable+="</table>"

document.getElementById("demo").innerHTML=mytable

}

</script>

</body>

</html>

单选。

单选按钮实现男女性别选择,不让男女同是都能都能选择,实现方法:在按钮的属性里写一个name属性,并且把name的值设置成相同的。