<form>的id和name

2024-11-09

form标签中id和name属性的区别

HTML元素的ID和Name属性的区别一直认为ID和NAME是一样的,两个又可以一起出现,甚是疑惑. 今天BAIDU了一下,才发现里面大有文章.发出来研究研究: 最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的. 显然这个ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity.而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完

extend选项和delimiters选项 vue 数据绑定 html form 对比 id重复

{{define "chkUrl"}}<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=de

jquery-读取form表单中的所有数据列表

代码: <script> $(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); $.each(t, function() { d[this.name] = this.value; }); alert(JSON.stringify(d)); }); }); </script> <form> <input id="a1&qu

<form:select>的使用

最近在学习springMVC,用到了<form:select>标签,使用发过程中遇到了些问题,现在记录下,以防忘记. 我jsp页面是这样的: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="form" uri="http://www.springframework

使用jQuery.form插件，实现完美的表单异步提交

传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS

Jquery通过Ajax方式来提交Form表单

今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 后来我就想了一下,我要提

react引用antd的form表单

引用form是第三方插件ant插件,官网网址:https://ant.design/.用到的antd的版本是@2.0.1.form(https://ant.design/components/form/)表单页面的大概样子如下:

HTML form 表单

1.id.name的关系通常我们在写HTML代码时,会给控件指定一个id属性,这个属性只供JS和CSS使用,在表单提交时,它不起任何作用; 在HTML代码中我们会指定不同的value为各个不同的控件做默认值,那么为那些控件指定相应的id属性将会方便地找到它们; name属性的值是作为和服务器通信时使用的 key; 如果不需要用JS和CSS控制的控件,或许它们只是用来显示一些数据(只读),那么就没有必要指定id属性,name属性也可以不用给出(避免提交无意义的数据). 2.<form> <

drupal 7在一个form新增或者修改一个字段

例如在以下页面新增一个工号字段在模块文件里面通过hook_form_FORM_ID_alter 函数修改,比如图中的helloworld是模块名称,也就是你在哪个模块里面写这个函数那么名称就是什么(此例子在helloworld.module写的),user_register_form是你要修改或者新增的form的id,注意是form的id,通过浏览器的开发者工具可以看到. 也就是说格式为模块名_form_要修改form的id_alter.修改后如下图: 可以用hook_form_alte

dijit.form.Select 基本用法

dijit.form.Select 1)创建: var division = new dijit.form.Select({ id: "Division",//id必须唯一 name: 'Division', intermediateChanges: "false", iconClass: "dijitNoIcon", emptyLabel: " ", scrollOnFocus: "true&qu

Web 前沿——HTML5 Form Data 对象的使用

XMLHttpRequest Level 2 添加了一个新的接口——FormData.利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单.与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件. 您可能感兴趣的相关文章 10大流行 Metro UI Bootstrap 主题和模板精选12款优秀 jQuery Ajax 分页插件

js 上传文件模拟Form 表单

使用FormData对象在本文章中创建一个FormData对象使用HTML表单来初始化一个FormData对象使用FormData对象发送文件利用FormData对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单". 创建一个FormData对象你可以先创建一个空的FormData对象,然后使用append()方法向该对象里添加字段,如下: var oMyForm = new FormData(); oMyForm.app

jquery中的$("#id")与document.getElementById("id")的区别

以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到: 1.alert($("#div"))得到的是[object Object] 2.alert(document.getElementById("div"))得到的是[object HTMLDivElement] 3.alert($("#

关于提交form不刷新的问题

最近在做一个项目,除去主页面是html页面,点击菜单按钮都由ajax加载生成,在这种情景下,F5刷新或者提交form表单就会将页面回复到刚刚打开主页面. 现在有一个这样的场景,点击子菜单生成一个子页面,在子页面有一个添加按钮,如图: 在点击添加按钮后会出现一个模态框,将信息录入,如图: 如果直接使用form表单提交那么就会将整个页面刷新,与预想的结果不符,于是在网上找到了设置form的target方法,在这个模态框中设置一个不可见的iframe. <form id="upLoadApp&q

使用jQuery.form插件,实现完美的表单异步提交

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server&qu

Jquey Form 异步提交文件参数并且在http 信息头header中加上一定参数

1.下载jQuery.Form 包官网下载:http://jquery.malsup.com/form/#download 2.模拟代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

[转]jQuery Popup Login and Contact Form

本文转自:http://www.formget.com/jquery-popup-form/ Pop up forms are the smart way to present your site. These forms are similar to other forms except, these forms appears abruptly on exact center of screen and requests user to take immediate action over

ligerui_实际项目_003：form中添加数据，表格(grid)里面显示，最后将表格(grid)里的数据提交到servlet

实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序图片效果: 总结: //display属性: editor:grid表格可以编辑其类容: //select类型:select+render实现选择填充效果 editor:{ type:"select", data:[{id:",text:"品牌二"}], valueField :"

python_way day21 Django文件上传Form方式提交，原生Ajax提交字符处啊，Django文件上传之原生Ajax方式、jQuery Ajax方式、iframe方式，Django验证码，抽屉示例，

python_way day21 1.Django文件上传至Form方式 2.原生Ajax文件上传提交表单使用原生Ajax好处:不依赖jquery,在发送一个很小的文件或者字符串的时候就可以用原生Ajax直接发送一.Django文件上传至Form方式 <body> <div> <form action="/upload/" method="POST" enctype="multipart/form-data"&g

ajax form表单回显

/* * 表单自动回显js * 依赖JQURY * 使用参考:$("#form1").form("load",{"id":"112","username":"ff","password":"111","type":"admin"}); //id.username.password.type 是表单空间na

node服务器获取form表单

搭建好服务器后 (前言,本文只是介绍form表单直接提供给本页面数据,即在不刷新页面的前提下更改数据) 在public里面添加index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/jquery

<form>的id和name

热门专题