表单元素事件 (Form Element Events)

TwentySeventh

2009-07-16

属性值描述
onchange 脚本当元素改变时执行脚本
onsubmit 脚本当表单被提交时执行脚本
onreset 脚本当表单被重置时执行脚本
onselect 脚本当元素被选取时执行脚本
onblur 脚本当元素失去焦点时执行脚本
onfocus 脚本当元素获得焦点时执行脚本

w3c的标准是这么描述的。

可是发现IE可以执行（不过如果你在遨游下测试onfocus的话千万别用alert(),会无限弹出。)，其他浏览器都不可以实现。IE向来是个不听话的主，都是搞私有主义的...........不过有时候在非表单元素中使用以上事件确实很有用，可以通过对非表单元素设置tabindex属性，让其他浏览器的非表单元素来响应事件。这应该算是一个hack(不符合标准，不过也是无奈之举）。不过确实好用

form表单提交 form element

TwentySeventh

0 关注 0 粉丝 0 动态

相关推荐

有关post的三种提交格式

request.body：其中有json格式的编码数据，但是是bytes类型，需要用json模块反序列化一下，变成字典，才能用。并不是前两种方法不在会在request.body中，而是request.POST只接受前两种，第三种json格式必须去请求体里面

wcqwcq 2020-07-04

原生Ajax手动提交form表,将input标签的name:value值转换为字符串

我在使用form进行传递数据的时候,发现不知道如何调用回调函数,这个时候使用了原生的Ajax,但是使用xhr.open进行get请求的时候,需要带上form标签中input的数据.这里需要将input中的name:value转换为字符串的形式进行显式提交。

TONIYH 2020-06-11

layui 正则表达式验证使用实例详解

layui的正则表达式是在form表单中完成的。所以第一步要在你的html中加上指定的form 。快速步骤引用form.js添加form标签，并设置class属性为layui-form，不可改在要验证的属性上加lay-verify 进行验证声明layui.

yhginny 2020-04-20

前端2（form表单、css）

<tr> 一个tr就表示一行。<td colspan="2">egon</td> 水平方向占多行。# 原生的表格标签很丑我们要使用框架封装好的很好看。能够获取前端用户数据基于网络发送给后端服

nicepainkiller 2020-05-12

Django Form和ModelForm组件

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上

Lius 2020-05-05

LayUI form表单提交之ajax请求后不执行回调方法

form表单通过ajax异步提交实现新增员工的功能时，发现请求是成功的，后台也新增了该员工，却不执行回调方法，如下所示：

longshengguoji 2020-02-13

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

--正文区域--多行文本框-->. vartext=$.contents().find.text();//获取iframe里的内容。String header= part.getHeader;// 获取请求头--form-data; name=&qu

ajaxtony 2020-02-03

form表单的密码是否一致校验功能

"max_length": "用户名最长16位","min_length": "密码至少六位数",label=‘确认密码‘,"invalid": "

HSdiana 2019-12-15

django form组件

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上

taiyanghua 2019-12-02

Jquery Ajax自定义提交表单Form 无刷新

Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。当提交后，会跳转到action.aspx页面。如果不想刷新页面使用ajax，就又要在$

sunnyishere 2014-01-22

Node.js HTTP服务器中的文件、图片上传的方法

HTTP协议中，multipart/form-data格式用于向服务器发送二进制数据，通过这一内容类型可以实现文件、图片的上传。在使用form提交表单数据时，默认的编码格式为application/x-www-form-urlencoded，上传文件时需要

86580599 2019-09-23

Ajax表单提交插件jquery form

<p>性别：<inputtype="radio"name="sex"value="1"checked>男<inputtype="radio"nam

shumark 2014-05-29

HTML的简单介绍（30）

“<”form> 元素HTML 表单用于收集用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。“<”input> 元素有很多形态，根据不同的 type 属性。

爱好HtmlCssJs 2019-10-28

Rails form_tag的remote参数说明

在remote为true时，rails会以ajax的方式提交表单，实现无刷新。可是当form中含有fileupload的时候，remote就会失去作用，rails还是会以传统form的方式刷新页面。据说这个gem可以有效解决这个问题。

shumark 2014-07-07

DWZ表单提交在IE下重复添加数据

2.<button type="button" onclick="subForm()">提交</button>. 3.<script> function subForm()

AngelicaA 2015-03-14

在ie9/10兼容性视图下用jquery form 的ajaxSubmit获取不到参数

最近遇到个问题，在ie9/10兼容性视图下用jquery form 的ajaxSubmit提交表单时获取不到表单里的参数。经过测试发现在调用的时候把options.semantic这个参数改成true，它就会用另外一种方法去获取参数，就可以了。

81751330 2015-03-10

form 表单伪 Ajax 提交

有时候，你可能有这样的需求，就是提交表单的时候，不想刷新本页面。但你又不想用Ajax，有什么方法呢？这时可以在页面中用<form>和<iframe>实现。原理大概是这样实现的。这个target属性的值frameFile,是form之

kentrl 2016-05-03

jquery 创建form 表单

var my_val = $.trim($('#ipt').val());var action = $(this).attr('href');var form = $('<form></form>');form.attr('acti

84403067 2017-04-11

form表单提交转为ajax方式提交

在做项目的过程中遇到要将form表单提交转为ajax方式提交，下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法。<form action="xxx" method="get"> //a

rujinshi 2017-06-12

jquery实现动态创建form并提交的方法示例

本文实例讲述了jquery实现动态创建form并提交的方法。分享给大家供大家参考，具体如下：。有时候在写web 应用的时候，需要临时动态构造一个form 并提交，form 里面的参数以及action,以及是post请求还是get请求，甚至form 的样式都

responsecool 2019-05-27

TwentySeventh

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号