表单2

按钮的属性

属性	说明
id	返回或设置按钮的id属性值
name	返回按钮的名称
type	返回按钮的类型
value	返回或设置按钮中的文本，即按钮的值
disabled	返回或设置按钮是否被禁用，改属性为true时禁用，false时启用

按钮的方法

方法	说明
blur()	该方法用于将焦点从按钮中移开
focus()	该方法用于将焦点赋给按钮
click()	该方法可以模拟按钮按钮被鼠标单击

 //用户填写表单时，可以单击“提交”按钮提交表单，也可以直接按下<Enter>键提交表单，为了防止用户因疏忽而按错键，可以使用javascript控制表单的提交与重置，只有在单击“提交”按钮时才会提交表单。

<ul>   <!--    可以写在表单中，也可以写在winow.onload中，如果写在触发函数内就会失效，会先触发提交事件-->
<form id="zhuce" name="zhuce" method="post" action=""  οnkeypress="if(window.event.keyCode==13){return false;}">
<li><label>用户名称:</label><input type="text"οnkeypress="next1()"/></li>
<li><label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label><input type="text"οnkeypress="next2()"/></li>
<li><label>真实姓名:</label><input type="text"οnkeypress="next3()"/></li>
<li><label>联系方式:</label><input type="text"/></li> 这里没有函数调用，故按Enter键不会跳到submit键上
<li><input id="tijiao" type="submit"   value="提交"/><input type="reset" value="重置"/></li>
</form>
</ul>
<script>
var xia=document.getElementsByTagName("input");
             function next1(){
                   
if(window.event.keyCode==13)
{   
xia[1].focus();


}
}
   function next2(){  
if(window.event.keyCode==13)
{   
xia[2].focus();

}
}
   function next3(){   
if(window.event.keyCode==13)
{   
    xia[3].focus();
    
}
}
//此段代码要先运行避免在表单中触发提交事件
//    window.οnlοad=function (){
//   οnkeypress=function (){
//   if(window.event.keyCode==13){ return false;}
//   }
//    }

</script>

--------------------------------------------------------------------------------------

 <h2>调整多行文本框大小</h2>
<input type="button" οnclick="jia()"value="+"  />
<input type="button" οnclick="jian()" value="-" /><br>
<textarea id="liuyan" cols="25" rows="10"></textarea>
<script>
function jia(){
var h=document.getElementById("liuyan");

h.rows=h.rows+1;
}
function jian(){
var h=document.getElementById("liuyan");
h.rows=h.rows-1;
}

</script>