Form表单提交,html表单的提交方法

Form表单提交,html表单的提交方法,HTML form表单提交方法案例详解

本文主要介绍HTML表单提交方法的详细案例说明。本文通过一个简单的案例来说明对这项技术的理解和使用。以下是详细内容,有需要的朋友可以参考一下。

表单提交方法总结如下:

1.使用“提交”按钮提交。点击提交按钮会触发onclick事件,JavaScript中的函数会判断输入内容是否为空。如果为空,则返回false,不会提交。如果不为空,它将被提交到action指定的地址。

脚本类型='文本/javascript '

功能检查(表格){

if(form.userId.value=='') {

Alert('请输入一个用户帐户!');

form . userid . focus();

返回false

}

if(form.password.value==''){

Alert('请输入登录密码!');

form . password . focus();

返回false

}

返回true

}

/脚本

form action='login.do?“act=login”方法=“post”

用户帐户输入type=text name=' userid ' size=' 18 ' value=' ' br

密码输入type=' password ' name=' password ' size=' 19 ' value=' '/

type=submit name=' submit 1 ' value=' log in ' onclick=' return check(this . form)'

/表单

其次,按钮按钮用于提交。当按钮按钮被点击时,触发onclick事件,JavaScript中的函数确定输入内容是否为空。如果为空,则返回false,并且不提交。如果不为空,则提交到action指定的地址。因为按钮button没有自动提交的功能,所以JavaScript实现了提交。

脚本类型='文本/javascript '

功能检查(表格){

if(form.userId.value=='') {

Alert('请输入一个用户帐户!');

form . userid . focus();

返回false

}

if(form.password.value==''){

Alert('请输入登录密码!');

form . password . focus();

返回false

}

document . my form . submit();

}

/脚本

form action='login.do?act=log in ' name=' my form ' method=' post '

用户帐户输入type=text name=' userid ' size=' 18 ' value=' ' br

密码输入type=' password ' name=' password ' size=' 19 ' value=' '/

type=button name=' submit 1 ' value=' log in ' onclick=' check(this . form)'

/表单

第三,使用提交按钮提交。当点击提交按钮时,首先会触发onsubmit事件,JavaScript中的函数会判断输入内容是否为空。如果为空,则返回false,不会提交。如果不为空,它将被提交到action指定的地址。

脚本类型='文本/javascript '

功能检查(表格){

if(form.userId.value=='') {

Alert('请输入一个用户帐户!');

form . userid . focus();

返回false

}

if(form.password.value==''){

Alert('请输入登录密码!');

form . password . focus();

返回false

}

返回true

}

/脚本

form action='login.do?act=log in ' method=' post ' on submit=' return check(this)'

用户帐户输入type=text name=' userid ' size=' 18 ' value=' ' br

密码输入type=' password ' name=' password ' size=' 19 ' value=' '/

type=submit name=' submit 1 ' value=' log in '

/表单

以上是表单表单常见的三种提交方式。如有不明白,请联系qq: 317856821。

以上就是本文对HTML表单提交方法案例的详细解释。更多相关HTML表单提交内容,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: