<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. 8.spring-boot配置log4j

    转自:https://www.cnblogs.com/qixing/p/7763582.html <dependency> <groupId>org.springframewo ...

  2. 关于laravel框架分页报错的问题

    因为laravel框架有自己的分页封装,所以与其他框架相比laravel框架的分页的实现要方便的多 只要分别在php脚本与视图中使用 $data=DB::table('index_pic')-> ...

  3. Android 监听软键盘点击回车及换行事件

    mEditText.setOnEditorActionListener(new TextView.OnEditorActionListener() { @Override public boolean ...

  4. jQuery中$(document).ready()和window.onload的区别？

    document.ready和document.load的区别?(JQ中的$(document).ready()和window.onload的区别?) window.onload,是采用DOM0级事件 ...

  5. javascript中的this指向问题总结

    this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象 1.函数执行的时候,首先看函数名前边是否有点 ‘·’,有的话点’ ...

  6. ZOJ 2723 Semi-Prime ||ZOJ 2060 Fibonacci Again 水水水！

    两题水题: 1.如果一个数能被分解为两个素数的乘积,则称为Semi-Prime,给你一个数,让你判断是不是Semi-Prime数. 2.定义F(0) = 7, F(1) = 11, F(n) = F( ...

  7. SDWebImage使用

    SDWebImage这个类库提供一个UIImageView类别以支持加载来自网络的远程图片.具有缓存管理.异步下载.同一个URL下载次数控制和优化等特征. 将SDWebImage类库添加入工程时,一定 ...

  8. trident原理及编程指南

    目录 trident原理及编程指南 一.理论介绍 1.trident是什么? 2.trident处理单位 3.事务类型 二.编程指南 1.定义输入流 2.统计单词数量 3.输出统计结果 4.split ...

  9. 在Qtcreator中，KDE的Hello World（安装kdelibs5-dev）

    我刚开始为KDE编程,我面临的问题是我不知道KDE项目的pro文件是什么,我有一个想法. 我还尝试了 file: 库 += -lkdeui 我还是找不到KApplication的问题 代码 main. ...

  10. js 省市二级联动

    <html> <head> <meta charset="UTF-8"> <title></title> </he ...