`

获取form表单元素值的４种方式

Java 
阅读更多 
<html>
<head>
<title></title>
<script type="text/javascript">
 function checkForm(){
   var name=document.form1.number.value; //or form1.number.value
   var name=document.forms[0].number.value;
   var name=document.forms[0]['number'].value;
   var name=document.form1['number'].value //or form1['number'].value
   alert(name);

 }
</script>
</head>
<body>
<form name="form1" method="post" action="">
网元名称:<input type="text" name="number" size="20">
<br>
<input type="submit" value="提交" onClick="checkForm()">
</form>
</body>
</html>
分享到：
| 比较好用的日期控件
评论
发表评论

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

相关推荐

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

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

    vue获取form表单的值示例

    本文档中将分享一个如何在Vue.js中获取form表单值的示例，使用的是Element-ui组件库以及axios库来发送HTTP请求。下面将详细介绍这些知识点。 ### Vue.js中的表单数据绑定 Vue.js提供了一种简单的方式来实现数据的...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下： 下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    ExtJs获取表单元素的值

    在ExtJs中，可以通过多种方式获取表单元素的值。最常见的方法之一就是使用`getValues()`函数。此函数返回一个包含所有表单字段值的对象。下面通过具体的例子来详细了解这个过程： #### 2.1 使用`getValues()` 假设...

    js获取form表单中name属性的值

    今天我们将探讨如何使用JavaScript来获取form表单中name属性的值，并且着重讲解在动态表单的情况下，当无法预先确定标签的name属性值时，如何即时获取这些值以便进行存储或处理。 在文章中首先提到的方法是使用...

    jsp页面js调用form表单的值的方法

    本篇文章主要介绍如何在 JSP 页面中通过 JavaScript 来获取表单元素的值，并对其进行验证，确保用户输入的信息符合特定的要求。 #### 1. 基础知识 在正式开始之前，我们需要了解几个基础概念： - **HTML 表单**：...

    JavaScript获取网页表单action属性的方法

    除了通过id来获取表单元素外，JavaScript还提供其他方式来选取表单，例如通过name属性或者直接通过表单元素的索引位置。例如，如果表单的name属性为"frm1"，也可以使用`document.getElementsByName("frm1")[0]`来...

    jquery获取表单值

    **注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取`value`属性的值。通常情况下，两者的效果是相同的，但在某些场景下，`.val()` 更加直观和常用。 ##### 2. 获取文本域（`...

    js获取form表单

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

    ASP.NET在MVC控制器中获取Form表单值的方法

    本文实例讲述了ASP.NET在MVC控制器中获取Form表单值的方法。分享给大家供大家参考，具体如下： 在MVC控制器中，如果我们想直接获取表单中某个标签元素的值，可以使用MVC中提供的FormCollection类，具体用法如下所示...

    jsp 应用获取表单元素

    下面我们将详细探讨如何在JSP中获取表单元素的值。\n\n1. 表单元素的基本结构：\n在HTML中，我们通常使用&lt;form&gt;标签定义一个表单，其中包含各种表单元素如文本输入框、复选框、单选按钮、下拉选择框等。每个表单元素...

    获取提交的表单元素的值

    本篇文章将详细阐述如何在Java Web中获取提交的表单元素的值。 首先，我们需要了解HTML表单的基本结构。一个简单的HTML表单可能如下所示： ```html &lt;form action="submitForm" method="post"&gt; 用户名: ...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    `el-form`的`:rules`属性与`el-form-item`的`:prop`属性相结合，实现了表单元素的数据校验。当用户在输入框失去焦点(`blur`事件)时，会触发校验规则。 为了实现动态生成表单，可以借助Vue的计算属性和循环结构。...

    jsp+servlet做的form表单元素的提交

    创建一个简单的JSP页面，我们可以定义一个&lt;form&gt;元素，包含各种表单元素如文本框(textbox)，下拉列表(select)，复选框(checkbox)，单选按钮(radio)等。例如： ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!...

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

    值得一提的是，直接通过`document.getElementById`获取到的表单元素，其属性和方法的访问可能会受到浏览器兼容性的影响，而通过表单对象访问其子元素，这种方式则能更好地兼容主流浏览器。此外，如果页面上有多个...

    HTML或JSP中多个同名表单元素值的获取

    当我们在一个页面上需要处理多个同名的表单元素时，如何有效地获取它们的值是一个重要的知识点。本篇文章将深入探讨这个主题，并提供相关的实践方法。 在HTML中，表单元素通常通过`&lt;form&gt;`标签定义，而同名的表单...

    form表单美化插件

    3. **方法暴露**：开发者可以通过调用插件提供的API来操作表单元素，如获取或设置表单字段的值，监听并响应用户的单击事件，方便进行自定义的业务逻辑处理。 4. **跨浏览器兼容性**：考虑到不同的用户可能使用不同...

    form表单的异步回调方法

    "form表单的异步回调方法"主要涉及以下几个关键知识点： 1. **表单提交（Form Submission）**：HTML表单通过`&lt;form&gt;`元素定义，其中包含`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等元素来获取用户输入。默认情况下，...

    js简单获取表单中单选按钮值的方法

    本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值，并涉及到表单元素的遍历与查找技巧。 首先，单选按钮在HTML中的定义通常是使用`&lt;input&gt;`标签，并将`type`属性设置为`radio`。单选按钮通常会具有相同的...

    利用JS如何获取form表单数据

    本文将详细介绍如何利用JS获取`&lt;form&gt;`表单数据，包括各种类型的表单元素，如输入框、下拉框、单选按钮、复选框等。 首先，表单元素通常需要设置`name`属性，因为`name`属性是后端接收数据时识别字段的关键。例如：...

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