form主要是把数据打包(例如input)提交给服务器
1.form对象是表单的Dom对象
2.方法:submit()提交表单,但是不会触发onsubmit事件
3.实现autopost,也就是焦点离开控件以后页面立即提交,而不是只有提交
submit按钮以后才提交,当光标离开的时候触发onblur事件,在
onblur中调用form的submit方法
4.在点击submit后form的onsubmit事件被触发,在onsubmit中可以进行
数据校验,数据有问题,返回false即可取消提交
5.<form name="form1" action="a.aspx" method="get"
οnsubmit="if(document.getElementById('txtname').value.length<=0)
{alert('姓名必填');return false;}">
<head>
<title>Form提交表单</title>
<script type="text/javascript">
</script>
</head>
<body>
<form id="myForm" action="ok.aspx">
<input type="text" />
<input type="button" value="我不能提交" />
<input type="button" value="我也能提交" οnclick=" document.getElementById("myForm").submit()" />
<input type="submit" />
<!--下面的代码演示的是通过代码的方式调用另外一个按钮的单击事件-->
<br />
<input type="button" id="btn1" value="单击我" οnclick="alert('你单击了我!')" />
<input type="button" value="调用其他按钮的单击事件"
οnclick="document.getElementById('btn1').click();" />
</form>
</body>
<html>
<head>
<title>Select控件的Autopost</title>
<script type="text/javascript">
function selChange() {
var myForm = document.getElementById("myForm");
myForm.submit();
}
</script>
</head>
<body>
<!--下拉框列表选择后,自动提交表单-->
<form id="myForm" action="ok.aspx">
<select οnchange="selChange()">
<option>香蕉</option>
<option>苹果</option>
<option>菠萝</option>
</select>
</form>
</body>
</html>
不同浏览器对于dom支持的方法不一样:
例如1、获取网页中哪个元素触发了事件,在Ie中使用srcElement,在fixfox中使用target
2、使用dom获取和更改网页标签内的文本:
在Ie中使用innerText,在firefox中使用textContext
Jquery之类的框架进行了封装,将不同浏览器的差异帮开发人员处理了,开发人员只要调用jquery方法,jquery会帮助在不同浏览器中进行翻译
1.form对象是表单的Dom对象
2.方法:submit()提交表单,但是不会触发onsubmit事件
3.实现autopost,也就是焦点离开控件以后页面立即提交,而不是只有提交
submit按钮以后才提交,当光标离开的时候触发onblur事件,在
onblur中调用form的submit方法
4.在点击submit后form的onsubmit事件被触发,在onsubmit中可以进行
数据校验,数据有问题,返回false即可取消提交
5.<form name="form1" action="a.aspx" method="get"
οnsubmit="if(document.getElementById('txtname').value.length<=0)
{alert('姓名必填');return false;}">
<head>
<title>Form提交表单</title>
<script type="text/javascript">
</script>
</head>
<body>
<form id="myForm" action="ok.aspx">
<input type="text" />
<input type="button" value="我不能提交" />
<input type="button" value="我也能提交" οnclick=" document.getElementById("myForm").submit()" />
<input type="submit" />
<!--下面的代码演示的是通过代码的方式调用另外一个按钮的单击事件-->
<br />
<input type="button" id="btn1" value="单击我" οnclick="alert('你单击了我!')" />
<input type="button" value="调用其他按钮的单击事件"
οnclick="document.getElementById('btn1').click();" />
</form>
</body>
<html>
<head>
<title>Select控件的Autopost</title>
<script type="text/javascript">
function selChange() {
var myForm = document.getElementById("myForm");
myForm.submit();
}
</script>
</head>
<body>
<!--下拉框列表选择后,自动提交表单-->
<form id="myForm" action="ok.aspx">
<select οnchange="selChange()">
<option>香蕉</option>
<option>苹果</option>
<option>菠萝</option>
</select>
</form>
</body>
</html>
不同浏览器对于dom支持的方法不一样:
例如1、获取网页中哪个元素触发了事件,在Ie中使用srcElement,在fixfox中使用target
2、使用dom获取和更改网页标签内的文本:
在Ie中使用innerText,在firefox中使用textContext
Jquery之类的框架进行了封装,将不同浏览器的差异帮开发人员处理了,开发人员只要调用jquery方法,jquery会帮助在不同浏览器中进行翻译