通过getElementById来取得Form里的表单元素
<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里的表单元素的更多相关文章
- form表单元素中disabled的元素的值不会提交到服务器
1.表单元素中disabled的元素的值不会提交到服务器,后台获取的值为null <form id="myForm" action="#" method= ...
- 9月8日HTML表单元素（form、文本、按钮、选择）
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...
- element-ui 解决 table 里包含表单验证的问题！
实际项目中的场景,需要在table里做表单的验证,如图效果: 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$in ...
- 表单元素（form、文本、按钮、选择）
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...
- jQuery操作Form表单元素
Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...
- form表单 无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
- 表单组件 form fastadmin（生成表单元素）
Form组件 定义文件位置: /extend/fast/Formphp 通用参数 $name 通常为我们组件的名称(name属性值),我们在后台接收时可以通过这个名称来获取到它所对应的值 $value ...
- 遍历form表单里面的表单元素，取其value
form.elements 获取所有表单元素 form 表单 <form action="http://localhost:1995/api/post" class=&quo ...
- jquery.form.js 让表单提交更优雅
jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1 ...
随机推荐
- Redis-消费模式
一 . 两种模式简介 发布消息通常有两种模式:队列模式(queuing)和发布订阅模式(qublish-subscribe).队列模式中,consumers可以同时从服务端读取消息,每个消息纸杯其中一 ...
- 【CS Round #43 E】Coprime Pairs
[链接]点击打开链接 [题意] 让你选择n个数字,组成一个数组,使得这n个数字中恰好有k对,它们是互质的. [题解] 我们可以先找出前n个质数,那么接下来的问题就转化为,凑出rest = n*(n-1 ...
- 写给自己的TypeScript 入门小纲
前几日,在知乎上写了一些技术类的文章,有人私信问我,是不是要找一份工作,有没有想过要跳槽,然后我回到,你们公司都是用的什么框架什么技术,他罗列了一堆,其中就包含了TypeScript,我甚至不知道有这 ...
- 【Codeforces Round #299 (Div. 2) E】Tavas and Pashmaks
[链接] 我是链接,点我呀:) [题意] 游泳+跑步比赛. 先游泳,然后跑步. 最先到终点的人是winner. 但是现在游泳的距离和跑步的距离长度都不确定. S和R. 给你n个人,告诉你每个人游泳的速 ...
- Android新控件RecyclerView剖析
传智·没羽箭(传智播客北京校区Java学院高级讲师) 个人简单介绍:APKBUS专家之中的一个,黑马技术沙龙会长,在移动领域有多年的实际开发和研究经验.精通HTML5.Oracle.J2EE .Jav ...
- HttpClient证书回调问题解决
/// <summary> /// httpclient请求 /// </summary> /// <param name=&q ...
- 如何在vue项目中使用百度编辑器ueditor
百度编辑器官方并没有提供vue项目使用说明,目前网上也有不少人实现了相关功能,这里就不再重复,只是针对自身项目碰到的情况做个记录,就当是熟悉了一遍富文本编辑器的代码结构. 按照网上的做法,基本可以实现 ...
- DateTime与timeStamp的转换
DateTime转换为timeStamp: DateTime dt = DateTime.Now; DateTime startTime = TimeZone.CurrentTi ...
- 25、写一个USB摄像头驱动程序（有ioctrl分析）
videobuf2-core.h中的vb2_buffer,记录了v4l2_buffer ,驱动可以对vb2_buffer的v4l2_buffer进行操控, vb2_buffer是v4l2框架层的代码, ...
- js进阶解决浏览器缓存不能自动更新的问题（在ajax的url上带上一个参数，可以是日期，或者是随机数）（随机数Math.random）（取得日期的毫秒数：new Date().getTime();）
js进阶解决浏览器缓存不能自动更新的问题(在ajax的url上带上一个参数,可以是日期,或者是随机数)(随机数Math.random)(取得日期的毫秒数:new Date().getTime();) ...