151-3895-5886

JS初学者实例教程(6):Document对象读取表单元素

2019年09月19日 维尼网络

本实例主要介绍了Document对象读取表单元素的使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
 function firstSubmit(){
 alert(document.form1.a01.value);//将表单名为a01的值显示出来
 }
 function copyFirstSubmit(){
 alert(document.form1.a01.value);
    document.form1.a02.value=document.form1.a01.value;//将表单名为a01的值给a02,取a01的值也可以使用、、、//document.form1.elements[0].value
 }
  //-->
  </SCRIPT>
 </HEAD>
 <BODY>
  <FORM name="firstForm" METHOD=POST ACTION="">
 <INPUT TYPE="text" NAME="firstText" value="哈啰">
  </FORM>
 
  <FORM name="secondForm" METHOD=POST ACTION="">
 <INPUT TYPE="text" NAME="secondText" value="哈啰">
 <INPUT TYPE="submit" name="hehe" value="哈哈">
  </FORM>
  <SCRIPT LANGUAGE="JavaScript">
<!--
 var first = document.firstForm.name;
 var second = document.secondForm.name;
 //alert("第一个表单的名字:"+first);//读取表单元素,将注释去点即可
 //alert("第二个表单的名字:"+second);
 //alert("第二个表单的按钮的name是:"+document.secondForm.elements[1].name);
 //alert("第二个表单文本域的值:"+document.secondForm.elements[0].value);
 //alert("第一个文本域:"+document.firstForm.firstText.value);
//-->
</SCRIPT>
<FORM name="form1" METHOD=POST ACTION="">
 a01<INPUT TYPE="text" NAME="a01"/><INPUT TYPE="button" name="01s" value="提交" onclick="firstSubmit()"/><br/>
 a02<INPUT TYPE="text" NAME="a02"/><INPUT TYPE="button" name="02s" value="提交" onclick="copyFirstSubmit()"/>×在a01中输入值后再提交
</FORM>
 </BODY>
网页棋牌游戏平台</HTML>

效果演示:


网页棋牌游戏平台 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

阅读更多内容
上一篇Ajax:研究密码强度规则(仿谷歌)
下一篇JS初学者实例教程(7):注册表单验证

声明:本页内容由郑州维尼网络收集编辑所得,所有资料仅供用户参考,转载请保留此链接http://rbyvp.cn/cms/3637.html

本文标签: 表单 教程 实例 初学者 元素 对象 读取 Document

 

相关资讯 Related Info
相关分类 News Classification
解决方案 Solutions
相关热点 Hot spot
接触 solaris : 整和 apache 和 tomcat 接触 solaris : 整和 apache 和 tomcat
  1. 我们的承诺
  2. 我们的实力
  3. 我们的未来
郑州做网站咨询电话 建站咨询

151-3895-5886

网站备案安全放心网站

地址:郑州市上街区和昌都汇广场 / 电话:151-3895-5886
客服QQ: / 邮箱:admin@zzwn.cn
Copyright © 2010-2019 郑州融科网络 版权所有

北京快乐8飞盘 北京快乐8官网 最正规的棋牌游戏平台 北京快乐8走势图 北京快乐8和值 棋牌游戏送88彩金 网易彩票网 现金的棋牌游戏 棋牌游戏行业资讯 最正规的棋牌游戏平台 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 北京赛车平台复制打开网址【82324.com】 澳门百家乐平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速飞艇平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 秒速牛牛平台复制打开网址【82324.com】 秒速牛牛平台复制打开网址【82324.com】 秒速牛牛平台复制打开网址【82324.com】 彩票开户平台复制打开网址【82324.com】 彩票开户平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 太阳城娱乐平台复制打开网址【82324.com】 太阳城娱乐平台复制打开网址【82324.com】 凤凰彩票APP下载平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 盛世彩票平台复制打开网址【82324.com】 盛世彩票官网 复制打开网址【82324.com】 盛世彩票官网 复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 迪士尼彩票官网平台复制打开网址【82324.com】 迪士尼彩票官网平台复制打开网址【82324.com】 迪士尼彩票官网平台复制打开网址【82324.com】 迪士尼彩票官网平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 太阳城平台复制打开网址【82324.com】 太阳城平台复制打开网址【82324.com】 幸运飞艇平台复制打开网址【82324.com】 幸运飞艇平台复制打开网址【82324.com】
分享到:QQ空间新浪微博腾讯微博人人网微信