Javascript获取表单名称(name)的方法
本文实例讲述了Javascript获取表单名称(name)的方法。分享给大家供大家参考。具体如下:
下面的代码通过表单的name属性获得表单名称
<!DOCTYPE html>
<html>
<body>
<form id="frm1" name="form1">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
</form>
<p>The name of the form is:
<script>
document.write(document.getElementById("frm1").name);
</script>
</p>
</body>
</html>
上述代码运行结果如下:
The name of the form is:form1
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript获取网页表单action属性的方法
本文实例讲述了JavaScript获取网页表单action属性的方法.分享给大家供大家参考.具体如下: JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空 <!DOCTYPE html> <html> <body> <form id="frm1" action="jb51.php"> First name: <input type=&
-
详解JavaScript中的表单验证
表单验证用于发生在服务器,客户端已经输入所有必要的数据,然后按下提交按钮之后.如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失,则服务器将必须的所有数据发送回客户端,并请求的形式以正确的信息重新提交.这是一个漫长的过程,会增加服务器负担. JavaScript中,提供了一种方法将其发送到web服务器之前验证客户端的计算机上的形式的数据.表单验证通常执行两种方式. 基本验证 - 首先,该表必须进行检查,以确保数据输入的需要将其每一个表单字段.这将通过表格的每个字段只需要循环,并检查数据
-
JavaScript 表单处理实现代码
一 表单介绍 在HTML中,表单是由<form>元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型; // HTMLFormElement继承了HTMLElement;因此它拥有HTML元素具有的默认属性,别且还独有自己的属性和方法; HTMLFormElement属性和方法 属性或方法 说明 acceptCharset 服务器能够处理的字符集; action 接受请求的URL; elements 表单中所有控件的集合; enctype 请求的编码类型;
-
JavaScript获取表单enctype属性的方法
本文实例讲述了JavaScript获取表单enctype属性的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type="text" name="fname" value="Donald"&
-
JavaScript获取表单内所有元素值的方法
本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname
-
JavaScript获取网页支持表单字符集的方法
本文实例讲述了JavaScript获取网页支持表单字符集的方法.分享给大家供大家参考.具体如下: JavaScript获取网页支持表单的字符集可通过表单的acceptCharset方法获得 <!DOCTYPE html> <html> <body> <form id="frm1" accept-charset="ISO-8859-1"> First name: <input type="text&quo
-
JavaScript使表单中的内容显示在屏幕上的方法
本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法.分享给大家供大家参考.具体实现方法如下: 一.使内容水平出现 <html> <head> <title>测试</title> <script type="text/javascript"> function to() { var txt=document.getElementById("txt").value; document.getEl
-
javascript实现表单提交后,提交按钮不可用的方法
本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法.分享给大家供大家参考.具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> &l
-
javascript制作的简单注册模块表单验证
一个注册框 进行表单验证处理 如图 有简单的验证提示功能 代码思路也比较简单 输入框失去焦点时便检测,并进行处理 表单具有 onsubmit = "return check()"行为,处理验证情况 点击提交表单按钮时,进行最终的验证,达到是否通过表单提交的请求. 先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{position:relative;mar
-
使用javascript提交form表单方法汇总
废话就不多说了,直接上内容. <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type="text" id="searchTxt" class="searchT
随机推荐
- ASP.Net中利用CSS实现多界面的两种方法
- 详解基于node的前端项目编译时内存溢出问题
- git多人协作_动力节点Java学院整理
- Spring Boot 集成Dubbo框架实例
- php 高效率写法 推荐
- 关于JS 预解释的相关理解
- 解析Node.js异常处理中domain模块的使用方法
- 基于jQuery的上下无缝滚动应用(单行或多行)
- jQuery 位置插件
- java 实现多线程的方法总结
- Autocomplete Textbox Example javascript实现自动完成成功
- Node.js+jade抓取博客所有文章生成静态html文件的实例
- CentOS7修改服务器系统时间的方法
- android之自定义Toast使用方法
- php array_merge函数使用需要注意的一个问题
- c++ int转string方法
- 秋季吃什么水果好
- c#基础系列之System.String的深入理解
- Linux tcpdump操作命令详解
- Vue 3.0双向绑定原理的实现方法
