<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. Android 图片缓存处理

    异步下载 / 本地缓存 异步下载 大家都知道,在Android应用中UI线程5秒没响应的话就会抛出无响应异常,对于远程获取大的资源来说,这种异常还是很容易就会抛出来的,那么怎么避免这种问题的产生.在a ...

  2. ES5比较Jquery中的each与map 方法？

    1.each es5: var arr = [1, 5, 7, 8, 9];var arr1 = []; arr.forEach(function (v, i) { arr1.push(v * 4) ...

  3. Flask项目之手机端租房网站的实战开发（三）

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 接着上一篇博客继续往下写 :https://blog.csdn.net/qq_41782425/article/details/8 ...

  4. django 简单会议室预约（2）

    --我们先打开settings.py 配置文件: import os #指明django APP目录路径 BASE_DIR = os.path.dirname(os.path.dirname(os.p ...

  5. windows CE项目开发

    软件列表 1.Windows mobile 设备中心 2.Microsoft visual Studio 2008 3.串口调试工具(sscom42.exe) 4.Wince 6.0模拟器 5.vir ...

  6. amazeui学习笔记--css（常用组件7）--输入框组Input-group

    amazeui学习笔记--css(常用组件7)--输入框组Input-group 一.总结 1.使用:Input group 基于 Form 组件和 Button 组件扩展,依赖这两个组件.在容器上添 ...

  7. SQL Server2008 Hierarchyid数据类型

    以往我们在关系数据库中建立树状结构的时候,通常使用ID+ParentID来实现两条 纪录间的父子关系.但这种方式只能标示其相对位置.解决这类问题在SqlServer2005出现之前通常是采用游标来操作 ...

  8. [D3] Select DOM Elements with D3 v4

    Before you can create dazzling data driven documents, you need to know how D3 accesses the DOM. This ...

  9. 开发板 视频04_05 ubuntu的联网及基本设置

    4g内存 如果电脑有两g,只能给1.5g 处理器可以根据实际选 usb3.0 或者 2.0 联网模式:: 桥接模式 启动式连接,,,,网是不固定的 仅主机模式,主机和虚拟机在一个网络 第三种联网,自定 ...

  10. linux 查询制定目录的制定内容

    //.点为查找当前目录 下 的 所有 *.php 文件里 有 hello 的文件 find . -name "*.php" | xargs grep "hello&quo ...