`
gyj129129
  • 浏览: 19297 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript表单中按元素类型获取内容

JavaScriptHTML 
阅读更多
如获取表单中<input type="text" value="" />，text类型的值 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  
 </HEAD>
 <BODY>
  <form name="form1">
	<input type="text" value="2"/>
	<input type="text" value="1"/>
	<input type="submit" value="submit">
  </form>
 </BODY>
 <script language="javascript">
	var form=document.forms[0];
	for(var i=0;i<form.length;i++){
		if(form.elements[i].type=="text"){
			alert(form.elements[i].value);
		}
	}
 </script>
</HTML>

var form=document.forms[0];
意思是获取页面中第一个表单的内容...
分享到：
| java面试笔试题大汇总 及c/c++面试试题( ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery获取form表单input元素值的简单实例

    在本篇内容中，我们将详细探讨如何使用jQuery来获取form表单中input元素的值，包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input...

    js中获取jsp表单中radio类型的值简单实例

    特别是在涉及到表单数据处理时，如何获取特定表单元素的值是一个常见的需求。本文将通过一个简单实例，讲解如何在JavaScript中获取JSP表单中单选按钮（radio）类型的值。 首先，我们需要了解单选按钮（radio）在...

    jquery获取表单值

    本文详细介绍了如何使用jQuery来获取和控制不同类型的表单元素。掌握了这些基本操作后，开发者能够更加高效地处理用户输入的数据，提高Web应用的功能性和用户体验。此外，需要注意的是，在实际开发中还应考虑表单...

    JavaScript验证注册表单（包含多种表单元素）

    本项目聚焦于使用JavaScript进行注册表单验证，涵盖了多种常见的表单元素，如文本框、单选按钮、复选框、下拉列表以及多行文本域。以下是对这些知识点的详细说明： 1. **文本框** (input type="text")：用于用户...

    使用JavaScript 完成表单的自动计算

    1. 获取表单元素：JavaScript可以通过`document.getElementById`, `document.querySelector`, `document.querySelectorAll`等方法获取到表单中的元素。 2. 监听事件：使用`addEventListener`方法可以监听表单元素上...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    在JavaScript中，可以使用`document.getElementById()`、`document.getElementsByName()`等方法获取表单元素，然后通过这些元素的属性来读取或修改它们的值。例如，检查邮箱是否为空或格式是否正确，可以通过`value`...

    获得html中表单元素值总结

    本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值，包括下拉选择框（`&lt;select&gt;`）、单选按钮（`&lt;input type="radio"&gt;`）、复选框（`&lt;input type="checkbox"&gt;`）以及文本输入框（`...

    基于JavaScript的表单验证.zip

    可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素，再利用`value`属性获取用户输入的数据。 正则表达式（Regular Expression）是用于匹配字符串模式的工具，尤其适用于复杂的数据...

    js获取form表单

    根据提供的标题“js获取form表单”及描述“ajax js一次性获取form表单”，我们可以明确本篇文章将围绕JavaScript（简称JS）中如何通过Ajax技术一次性获取HTML中的`&lt;form&gt;`表单数据进行详细介绍。 #### 二、知识点...

    vue获取form表单的值示例

    这篇文档简单介绍了在Vue.js中如何获取表单元素的值，并通过Element-ui组件展示输入框，使用axios库发送数据到服务器，以及应用了ES6的一些语法特性来简化代码。对于前端开发者而言，掌握这些知识点对于构建交互式的...

    Javascript验证登陆表单.pdf

    其语法与获取表单元素的方式类似，区别在于获取表单元素值时，将获取的结果放置在“=”运算符的右侧，而现在赋值时只需将获取表单元素的代码直接移动到“=”运算符的左侧，“=”运算符的右侧为需要复制的值。...

    JavaScript表单验证

    JavaScript表单验证是Web开发中的一个关键环节，它主要用于确保用户在提交数据前输入的信息符合预设的格式和规则，从而提高数据质量和用户体验。在HTML表单中，我们经常使用JavaScript来实现动态验证，因为这种...

    表单及表单元素的应用(jsp).rar

    在客户端，可以通过JavaScript对表单元素进行基本的验证，如非空检查、格式验证等，提高用户体验，减少无效的服务器请求。而在服务器端，必须进行二次验证，确保数据安全和正确性。 五、使用JSP动作标签处理表单 ...

    JS表单及表单元素操作实验.

    实验名称为“JavaScript函数式编程”的实验中，主要聚焦于JavaScript在处理表单及表单元素方面的操作。实验目标是让学生熟悉JavaScript的基本语法，包括数据类型、运算符、表达式等，以及掌握JavaScript的内置对象、...

    javascript 表单日期选择

    在JavaScript中，表单日期选择是一项常见的功能，用于获取用户输入的日期信息。这通常涉及到HTML5中的`&lt;input type="date"&gt;`元素，以及JavaScript的DOM操作和事件处理来增强用户体验。本篇文章将深入探讨如何使用...

    javascript表单验证类

    JavaScript表单验证类是Web开发中的重要组成部分，主要用于在用户提交数据前检查输入的有效性和完整性。这个类通常包含了各种验证规则，如非空检查、邮箱格式验证、手机号码验证等，确保用户输入的数据符合预设的...

    checkForm_表单验证_javascript_

    1. **获取表单元素**：首先，我们需要通过JavaScript的`document.getElementById()`或`document.querySelector()`方法来获取表单元素，例如输入字段、按钮等。 2. **监听事件**：接着，我们为表单的提交事件添加...

    javaScript表单验证大全

    1. DOM操作：JavaScript通过Document Object Model (DOM)与HTML元素进行交互，用于获取、修改、添加或删除表单元素。 2. 事件监听：如onsubmit、onchange等事件，用于在用户提交表单或更改输入时触发验证函数。 3. ...

    javascript获取form里的表单元素的示例代码

    本文针对JavaScript中如何获取和操作HTML表单（form）中的表单元素提供了示例代码，对于前端开发者来说，这是十分基础且重要的知识点。理解并掌握如何通过JavaScript与表单元素进行交互，能够帮助开发者实现各种动态...

    javascript 清空form表单中某种元素的值

    在JavaScript中，可以通过多种方式获取表单元素，并进行操作。以下将详细说明如何实现这一功能。 首先，需要了解表单元素的获取方法。在文档对象模型（DOM）中，表单元素通常可以通过其ID属性直接访问，也可以通过...

Magicbox
Global site tag (gtag.js) - Google Analytics