zoukankan      html  css  js  c++  java
  • html表单提交的几种方法

    最普通最常用最一般的方法就是用submit type..看代码:

    <form name=”form” method=”post” action=”#">

        <input type=”submit” name=”submit” value=”提交">

    </form>

    另外,还有一种常用的方法是使用图片:

    <form name=”form” method=”post” action=”# ">

        <input type=”image” name=”submit” src=”btnSubmit.jpg”>

    </form>

    第三种是使用链接来提交表单,用到了javascript的DOM模型:

    <form name=”form” method=”post” action=”#”>

        <a href=”javascript:form.submit();”>提交</a>

    </form>

    这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:

    <form name=”form” method=”post” action=”#”>

        <div onclick=”javascript:form.submit();”>

            <span>提交</span>

        </div>

    </form>

    但是,如果一个表单里有需要有多个提交按钮怎么办呢?

    比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。

    首先定义一个函数:

    <script language=javascript>

    function query(){

    form.action=”query.php”;

    form.submit();}

    function update(){

    form.action=”update.php”;

    form.submit();}

    </script>

    通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:

    <form name=”form” method=”post” action=”#”>

        <input type=”button” name=”query” onclick=”query();” value=”查询”>

        <input type=”button” name=”update” onclick=”update();” value=”更新”>

    </form>

    上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.

    有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.

    原文地址:http://www.ijser.cn/?p=34

  • 相关阅读:
    Java核心技术 卷一 笔记四 库类的直接使用
    Java核心技术 卷一 笔记三 大数值及数组
    Java核心技术 卷一 笔记2 字符串的复制
    Java核心技术 卷一 笔记1
    修改css 样式后, hover事件 不生效
    修改 element ui input 输入框 样式不生效问题
    css3 计算属性
    Vue3 改动系列
    浏览器实现,向下滑动 鼠标滚轮,页面横向移动
    linux ceont0s7 vue 打包压缩图片 一直报错
  • 原文地址:https://www.cnblogs.com/xiangliuyunyang/p/5783145.html
Copyright © 2011-2022 走看看