<1>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>湖南易通</title>

    <script src="jquery-1.10.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        function btnClick1() {

            textbox1.value = "黄雪辉";

        }

        function btnClick2() {

            //textbox2.value = "雪辉"; //当点击相应的“点一下”按钮的时候浏览器抛出错误“textbox2”没有定义：这是由于textbox2是放置到form框架中的，所以假设直接取值的话是取不到的。所以要用下面方法来取：

            form1.textbox2.value = "雪辉"; //在前面加上form框架的id。一级一级的来调用。

        }

        //在做网页开发的时候一般都是须要用到form框架的。表单元素也通常会放置到form中。每次取表单元素还须要推断它是否在form里面，所以我们通过好的方式来取得表单元素，getElementById("");通过getElementById就能在整个页面中通过id直接取到表单元素。而不须要推断表单元素是否在form中。

        function btnClick3() {

            var name = document.getElementById("textbox1"); //取得textbox1这个元素

            name.value = "斌"; //给textbox1元素的value设为"斌"

            var name2 = document.getElementById("textbox2"); //取得textbox2这个元素

            name2.value = "黄雪辉";

        }

    </script>

</head>

<body>

<!--------------------直接放在body下的表单------------------>

<input type="text" id="textbox1"/> <input type="button" value="点一下" onclick="btnClick1()"/>

<!--------------------放在form框架中的表单------------------>

<form action="HTMLPage1.htm" method="get" id="form1">

<input type="text" id="textbox2"/> <input type="button" value="点一下" onclick="btnClick2()"/>

<input type="button" value="用getElementById来取元素" onclick="btnClick3()"/>

</form>

<!---------------------------------------------------------->

</body>

</html>

通过getElementById来取得Form里的表单元素的更多相关文章

  1. form表单元素中disabled的元素的值不会提交到服务器

    1.表单元素中disabled的元素的值不会提交到服务器,后台获取的值为null <form id="myForm" action="#" method= ...

  2. 9月8日HTML表单元素（form、文本、按钮、选择）

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

  3. element-ui 解决 table 里包含表单验证的问题！

    实际项目中的场景,需要在table里做表单的验证,如图效果: 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$in ...

  4. 表单元素（form、文本、按钮、选择）

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

  5. jQuery操作Form表单元素

    Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...

  6. form表单 无法提交js动态添加的表单元素问题。。

    第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url   ...

  7. 表单组件 form fastadmin（生成表单元素）

    Form组件 定义文件位置: /extend/fast/Formphp 通用参数 $name 通常为我们组件的名称(name属性值),我们在后台接收时可以通过这个名称来获取到它所对应的值 $value ...

  8. 遍历form表单里面的表单元素，取其value

    form.elements 获取所有表单元素 form 表单 <form action="http://localhost:1995/api/post" class=&quo ...

  9. jquery.form.js 让表单提交更优雅

    jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1 ...

随机推荐

  1. 6. MongoDB

    https://www.mongodb.com/ https://pan.baidu.com/s/1mhPejwO#list/path=%2F 安装MongoDB# 安装MongoDB http:// ...

  2. js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么

    js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么 一.总结 一句话总结:$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件(远程 ...

  3. 芯片SA58672（功放芯片）

    1::下面的中文图可能不准: 针对上面的图,数据手册中有一些参数的推导:      这个式子是电压增益的   这个式子是关于截止频率的  典型原理图: 需要电源去耦,能够提高效率. PVDD引脚处的电 ...

  4. POJ 3041 Asteroids 最小覆盖数

    http://poj.org/problem?id=3041 题目大意: 一辆宇宙飞船在一个小行星带中,你知道,这很危险.他有一种武器,可以清除掉一行或一列的小行星.问把小行星全部清除最少的武器使用次 ...

  5. web服务器软件（Nginx，Apache，IIS，Lighttpd）介绍

    Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行.其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在 ...

  6. GO语言学习（四）GO语言语言结构

    Go Hello World 实例 Go 语言的基础组成有以下几个部分: 包声明 引入包 函数 变量 语句 & 表达式 注释 接下来让我们来看下简单的代码,该代码输出了"Hello ...

  7. 【2017 ACM-ICPC 亚洲区（乌鲁木齐赛区）网络赛 G】Query on a string

    [链接]h在这里写链接 [题意] 让你维护字符串的一段区间内T子串的个数. [题解] 因为t不大,所以. 暴力维护一下a[i]就好. a[i]表示的是S串从i位置开始,能和T串匹配几个字符. 用树状数 ...

  8. 如何把canvas元素作为网站背景总结详解

    如何把canvas元素作为网站背景总结详解 一.总结 一句话总结:最简单的做法是绝对定位并且z-index属性设置为负数. 1.如何把canvas元素作为网站背景的两种方法? a.设置层级(本例代码就 ...

  9. 结合Wireshark捕获分组深入理解TCP/IP协议栈

    摘要:     本文剖析了浏览器输入URL到整个页面显示的整个过程,以百度首页为例,结合Wireshark俘获分组进行详细分析整个过程,从而更好地了解TCP/IP协议栈.   一.俘获分组 1.1 准 ...

  10. POJ 2546 Circular Area 几何

    http://poj.org/problem?id=2546 晚上发现鼠标快不行了了!!!鼠标你肿么了,肿么突然就按键不灵了,哭,谁送我一只呀,奖励我舍友一只.哈哈.开玩笑滴~ 舍友大怒说" ...