使表单中的按钮有提交功能

最新推荐文章于 2020-06-14 10:35:51 发布

flanet

最新推荐文章于 2020-06-14 10:35:51 发布

阅读量855

点赞数

分类专栏： js 文章标签： function input button action html

本文链接：https://blog.csdn.net/flanet/article/details/7567121

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
<SCRIPT type="text/javascript">
function init(){
var inputs = document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++){
inputs[i].οnkeydοwn=aaa;
}
//使表单中的按钮有提交功能
document.forms[0].elements[document.forms[0].elements.length-1].οnclick=mysubmit;




var divs = document.getElementsByTagName("input");


for(var i=0;i<divs.length;i++){
if(divs[i].type=="text"){


if(divs[i].nextSibling.tagName=="div"&&divs[i].nextSibling.innerText=="*"){
divs[i].nextSibling.style.color="red";
}


}
}


}



function mysubmit(){
document.forms[0].submit();
}


function aaa(){
if(event.keyCode==13){
event.keyCode=9;
}

}

</SCRIPT>
 </HEAD>


 <BODY οnlοad="init()">
<form action="a.html">
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><div style="display:inline">*</div><br>
<input type="text"/><br>
<input type="checkbox" name="sex" value="man"><br>
<input type="checkbox" name="sex" value="woman"><br>
<input type="button" value="提交">
</form>
 </BODY>
</HTML>