表单提交方式
表单提交方式
* 使用submit提交
<form>
.....
<input type="submit" />
</form>
* 使用button提交表单
- 代码
//实现提交方法
function form1() {
//获取form
var form1 = document.getElementById("form1");
//设置action
form1.action = "hello.html";
//提交form表单
form1.submit();
}
* 使用超链接提交
- 代码
<a href="hello.html?username=123456">使用超链接提交</a>
* onclick：鼠标点击事件
onchange：改变内容（一般和select一起使用）
onfocus:得到焦点 (ie5、某些版本的ie6)
onblur:失去焦点
<body>
<form id="form1" >
<input type="text" name="username"/>
<br/>
<input type="button" value="提交" onclick="form1();"/>
</form>
<hr/>
<a href="hello.html?username=123456">使用超链接提交</a>
<hr/>
<input type="text" id="id1" name="text1" value="please input" onfocus="focus1();" onblur="blur1();"/>
</body>
<script type="text/javascript">
//得到焦点
function focus1() {
//alert("foucus.");
var input1 = document.getElementById("id1");
input1.value = "";
}
//失去焦点
function blur1() {
//alert("blur.");
var input1 = document.getElementById("id1");
input1.value = "please input";
}
//实现提交方法
function form1() {
//获取form
var form1 = document.getElementById("form1");
//设置action
form1.action = "hello.html";
//提交form表单
form1.submit();
}
</script>
