一、取得表单
//获得id为myForm1的<form/> var myForm1 = document.getElementById("myForm1"); //获得name为myForm2的<form/> //作为document的属性获得,非标准方式,不推荐 var myForm2 = document.myForm2; //获得页面内所有<form/>的集合 var forms = document.forms; //获得页面中第一个<form/> var form0 = forms[0]; //获得name为myForm的<form/> var myForm = forms['myForm'];
二、HTMLFormElement常用属性与方法
- acceptCharset: 服务器能够处理的字符串;
- action: 表单提交的目标URL;
- elements: 表单中所有表单域的集合;
- enctype: 表单提交的编码类型;
- length: 表单中表单域的数量;
- method: 表单提交的请求类型,通常是"get"或者"post";
- name: 表单的名称;
- target: 用于提交表单和接收响应的窗口名称;
- reset(): 将表单的所有表单域重置为默认值;
- submit(): 提交表单;
三、取得表单域
var myForm = document.forms["myForm"]; //取得myForm的第一个表单域, 非标准方式,不推荐 var field1 = myForm[0]; //取得name为field2的表单域, 非标准方式,不推荐 var field2 = myForm["field2"]; //取得myForm下所有表单域 var myFields = myForm.elements(); //取得myForm的第一个表单域 var myField1 = myFields[0]; //取得name为myField的表单域 //如果有多于一个域的name为myField,则返回它们的集合 var myField = myForm["myField"];
四、表单域常用属性与方法
- disable: 当前表单域是否被禁用;
- form: 指向当前域所属表单的指针;
- name: 当前表单域名字;
- readOnly: 当前表单域是否只读;
- tabIndex: 当前表单域的切换序号(用于使用tab键切换元素);
- type: 当前表单域类型;
- value: 当前表单域的值;
- focus(): 获得焦点(隐藏域不可用);
- blur(): 移除焦点(隐藏域不可用);
相关推荐
<script type="text/javascript" src="js/js/myfocus-2.0.1.min.js"></script> <script type="text/javascript"> myFocus.set({ id:'demo', pattern:'mF_liquid'}); </script> </head> <body> <div id="top"> ...
动手操作: 数组的升序与降序排列练习 1 升序排列代码 <html> <head> <title>数组数字大小排序</title> </head> <body> <p>让数组按照升序降序排列</p> <p>这里写个数组 var array=[89,28,49,654,6758,5768];...
表单与javascript的课件,ppt中有源码,可以直接复制过来运行,是很好的教学资源: 表单元素事件: 文本域事件 按钮事件 复选框事件 单选按钮事件 表单有效性验证: <HTML> <HEAD><TITLE>表单对象的事件</TITLE> ...
在网页上实现加减乘除功能。... <option value="/">/</option> </select> <input type="number" id="n2"> <input type="button" onclick="aa()" value="="> <input type="text" id="res"> </form>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //创建一个数组,用于存放每个月的天数 function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { this[0] = m0; this[1] = m1; this...
<script type="text/javascript" src="../JS/calendar.js"></script> </head> <body> <form> <asp:TextBox ID="txtTimeStart" runat="server" Width="80px"></asp:TextBox><img src="../images/cal.gif" alt="选择...
<dd>* 请勿上传小说、mp3、图片等与技术无关的内容.一旦发现将被删除</dd> <dd>* 请勿在未经授权的情况下上传任何涉及著作权侵权的资源,除非该资源完全由您个人创作</dd> <dd>* 点击上传资源即表示您...
<form name="myform" method="post"> 用户名:<input type="text" name="username" ><br> 密 码:<input type="text" name="password"><br> <input type="submit" name="submit" value="登陆" onClick=...
<FORM> <SELECT SIZE="8" onChange="bgChange(this);"> <OPTION>Red <OPTION>Orange <OPTION>Yellow <OPTION>Green <OPTION>Blue <OPTION>Indigo <OPTION>Violet <OPTION>White <OPTION>pink </SELECT> ...
<p>You can add a search form here.</p> </div> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo" class="five outer">PROFILE<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if ...
dsd ddddddd ccccccscript type='text/javascript' src="/ggmm/csdn_ggmm....<script type="text/javascript" src="/js/jquery.form.js"></script> <script type="text/javascript" src="/js/jquery.selectsort.js"></
<% '-------------------------------------------------------------------- ' Microsoft ADO ' ' Copyright (c) 1996-1998 Microsoft Corporation. ' ' ' ' ADO constants include file for VBScript ' '---------...
& vbCrlf)<br> %><br> </td><br> </tr><br> </form><br> </tbody><br> </table><br> <%<br> Call gRsClose()<br> End Sub<br> %><br> <br> <br> <%<br> Sub add()<br> %><br> <Script Language=JavaScript>...
<SCRIPT src="登录 - 当当网.files/Signin090325.js" type=text/javascript></SCRIPT> <META content="MSHTML 6.00.2900.6058" name=GENERATOR></HEAD> <BODY> <FORM id=Form1 name=Form1 action=Signin.aspx ...
charset=utf-8"> <title>注册</title> <script language="javascript"> function check(){ var userid = new String(document.forms[0].userid.value); var password = new String(document.forms[0].password....
<form id="form1" runat="server"> <table id="indextablebody" cellpadding="0"> <thead> <tr> <th> <div id="logo" title="用户管理后台"> </div> </th> <th> <a style="color: #16547E">用户 :admin</...
<script language="javascript"> var timerID = null; var timerRunning = false; var leftsec=60; var leftmin=60; var lefthour=2; function stopclock (){ if(timerRunning) clearTimeout(timerID); ...
<script type="text/javascript" src="calendar.js"></script> </head> <script language=javascript> function aa() { document.getElementById('Calendar1').focus(); setday(document....
<form id="" action="" class="login"> <ul class="Form FancyForm"> <li> <span class="label">我的标签:</span> <input id="" name="" type="text" class="stext" maxlength="20" /> ...
<script language="JavaScript" type="text/javascript" src="js/dateTimePicker.js"></script> <form id="form1" runat="server"> <div> 从<asp:TextBox ID="tb_startDate" runat="server" onclick="setday(this...