<html>

<head>

	<title>Form对象</title>

	</style>

	<script type="text/javascript">

	      function showForm() {

             // var oForm = document.forms[0];

			  //var oForm = document.forms['form1'];

			   var oForm = document.form1;

			  alert(oForm.action);

              //oForm.action = "内置对象.htm";

		  }

		  function showEle() {

                 var oForm = document.form1;

				 var a = oForm.elements;

				 var msg = "";

				 for(var i = 0; i < a.length; i++ ) {

                     msg += a[i].name +  " = > "+  a[i].value + "\n";

				 }

				 alert(msg);

		  }

	</script>

	</head>

	<body>

		<div>表单对象</div>

		1.Form对象</br>

			<script type="text/javascript">

			    //return false 阻止对象的默认事件

			</script>

			 <form  action="javascriptDemo.htm" method="GET" name="form1" onsubmit="alert('你想提交吗'); return false;"    onreset="alert('确定重填')">

			 <table border="1" width="500px" cellpadding="5" cellspacing="0" align="left">

				 <tr>

					 <th colspan="2">学员注册表</th>

				 </tr>

				  <tr>

					 <td align="right">姓名:</td><td><input type="text" name="username" /></td>

				 </tr>

				  <tr>

					 <td align="right">密码:</td><td><input type="password" name="password"/></td>

				 </tr>

				 <tr>

					 <td align="right">性别:</td>

					 <td>

						 <input type="radio" name="sex" value='男' checked="checked"/>男

						 <input type="radio" name="sex" value='女'/>女

					 </td>

				 </tr>

				  <tr>

					 <td align="right">爱好:</td>

					 <td>

						 <input type="checkbox" name="loves" value='足球' checked="checked"/>足球

						 <input type="checkbox" name="loves" value='看书' />看书

						 <input type="checkbox" name="loves" value='旅游' />旅游

						 <input type="checkbox" name="loves" value='游戏' />游戏

					 </td>

				 </tr>

				  <tr>

					 <td align="right">班级:</td>

					 <td>

						<select name="clazz">

							<option value="clazz1">clazz1</option>

							<option value="clazz2" selected="seleted">clazz2</option>

							<option value="clazz3">clazz3</option>

							<option value="clazz4">clazz4</option>

						</select>

					 </td>

				 </tr>

				 <tr>

					 <td align="right">照片:</td>

					 <td>

						<input type="file" name="photo" size="40"/>

					 </td>

				 </tr>

				 <tr>

					 <td align="right">个人简历:</td>

					 <td>

						<textarea rows="6" cols="40" name="intro">请输入....

						</textarea>

					 </td>

				 </tr>

				 <tr>

					 <td colspan="2" align="center">

						 <input type="submit" value="登陆"/>

						 <input type="reset" value="重填"/>

						 <input type="hidden" name="hidden" value="yfs" />

					 </td>

				 </tr>

			 </table>

		   </form></br>

		2.Form对象</br>

			<input type="button" value="获取表单" onclick="showForm()"/>

			<input type="button" value="获取表单元素" onclick="showEle()"/>

			<input type="button" value="提交表单" onclick="document.form1.submit()"/>

			<input type="button" value="重置表单" onclick="document.form1.reset()"/>

</body>

</html>

rs:

javascript form 第22节的更多相关文章

  1. Android零基础入门第22节：ImageView的属性和方法大全

    原文:Android零基础入门第22节:ImageView的属性和方法大全 通过前面几期的学习,TextView控件及其子控件基本学习完成,可以在Android屏幕上显示一些文字或者按钮,那么从本期开 ...

  2. 第7.22节 Python中使用super调用父类的方法

    第7.22节 Python中使用super调用父类的方法 前面章节很多地方都引入了super方法,这个方法就是访问超类这个类对象的.由于super方法的特殊性,本节单独谈一谈super方法. 一.su ...

  3. javascript form验证、完善 第24节

    <html> <head> <title>Form对象</title> <style type="text/css"> ...

  4. 2014年辛星Javascript解读第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******* ...

  5. JavaScript数组的22种方法

    原文:http://www.cnblogs.com/xiaohuochai/p/5682621.html javascript中数组的22种方法   前面的话 数组总共有22种方法,本文将其分为对象继 ...

  6. javascript form表单常用的正则表达式

    form验证时常用的几个正则表达式 座机: \d{3,4}-\d{7,8} 手机号: /^1[34578][0-9]{9}$/ (\86)?\s+1[34578]\d{0-9} (\+86)?\s*1 ...

  7. javascript form提交 不执行onsubmit事件解决方案

    转载自:https://www.cnblogs.com/lorgine/archive/2011/03/30/2000284.html 今天做项目过程中,需要用到javascript提交form到后台 ...

  8. JavaScript -- Form

    -----048-Form.html----- <!DOCTYPE html> <html> <head> <meta http-equiv="co ...

  9. 深入理解JavaScript系列（22）：S.O.L.I.D五大原则之依赖倒置原则DIP

    前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第5篇,依赖倒置原则LSP(The Dependency Inversion Principle ). 英文原文:htt ...

随机推荐

  1. Reactive native 项目创建失败如何处理

    首先感谢党的英明决策. 一开始我总觉得Awesomeproject这个名字是固定的,和我有同感的同学请举手. 其实我们可以起任意的名字,执行native react init碰到的最大的问题是 npm ...

  2. CentOS6.5安装telnet

    原文地址:http://www.cnblogs.com/zhongshengzhen/ 1.检查是否已经安装telnet [root@localhost ~]# rpm -qa | grep teln ...

  3. 转载:iPhone 6 Plus 屏幕宽度问题 375 vs 414

    首先看一张比较简单明了的 iPhone 6 与 iPhone 6 Plus 对比图,来自 PaintCode 的<The Ultimate Guide To iPhone Resolutions ...

  4. 图像的稀疏表示——ScSPM和LLC的总结

    前言 上一篇提到了SPM.这篇博客打算把ScSPM和LLC一起总结了.ScSPM和LLC其实都是对SPM的改进.这些技术,都是对特征的描述.它们既没有创造出新的特征(都是提取SIFT,HOG, RGB ...

  5. MmSystem播放Wav格式声音

    //MmSystem播放Wav格式声音 //MmSystem 支持 *.wav声音格式 snd ->SoundRecorderuses MmSystem; //引用MmSystem//播放系统声 ...

  6. uboot中gd的定义和使用

    近期在做uboot中nand启动相关的工作,遇到一个问题一直纠结着.如今最终明确了这个问题,想想还有好多兄弟在某个黑暗的角落里或者某台电脑前纠结着呢,所以赶紧写下来以供查阅. uboot versio ...

  7. Debian 6配置GNOME桌面环境

      1.安装xorgroot@debian:~# apt-get install xorg 2.安装gdm(GNOME Display Manager)root@debian:~# apt-get i ...

  8. TCP连接的建立与关闭

    TCP是主机对主机层的传输控制协议:建立连接要三个握手,断开连接要四次挥手. 位码即TCP标志位,有6种标示:SYN(synchronous建立联机),ACK(acknowledgement 确认), ...

  9. Android打包程序

    右击项目->导出export next,完成相关信息填写将得到.apk文件,即可部署到手机上. 第一次: 然后打开目录就可以看到生成的apk,可以发布到各大市场上.

  10. 将CGPoint、CGSize、CGRect等放进数组的方法

    在oc中,数组中只能存放NSObject类型的数据,所以如果将CGPoint.CGSize.CGRect这些数据存到数组中,我们需要将他们转换为对象类型才可以, 可以借助NSValue,它是用来将基本 ...