欢迎来到w88模板网!
建站必备之html表单提交的几种方法

建站必备之html表单提交的几种方法

浏览次数: 0

作者: w88模板网

信息来源:

更新日期: 2018-05-20

文章简介

我们在建站的时候,特别是企业站经常会用到表单,而表单的提交方式不尽相同,很多时候我们会根据不同的需求来选取不同的提交方式,今天就总结下在建站的时候常用的几个表单提交方式: 一、最普通最常用最一般的方法就是用submit type,代码: form name=”fo

  • 正文开始
  • 热门文章

我们在建站的时候,特别是企业站经常会用到表单,而表单的提交方式不尽相同,很多时候我们会根据不同的需求来选取不同的提交方式,今天就总结下在建站的时候常用的几个表单提交方式:


一、最普通最常用最一般的方法就是用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函数。

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


插件下载说明

未提供下载提取码的插件,都是站长辛苦开发,需收取费用!想免费获取辛苦开发插件的请绕道!

w88二次开发QQ群

本站客服QQ号:,群号(383578617) 如果您有任何w88问题,请把问题发到群里,阁主将为您写解决教程!

转载请注明: w88模板 » 建站必备之html表单提交的几种方法

  • DedeCMS教程QQ群
    阅读
    百度主送推送是在百度站长工具改版升级之后推出的一款帮助站长快速向百度提交链接的工具,有助于让百度快速发现新链接,促进网站收录。它是所有提交方式里面最为快速的一种,建议站长将站点当天新产出链接立即通过此方式推送给百度,以保证新链接可以及时被...
  • 百度主动推送token怎么获取?
    阅读
    利用 .htaccess 绑定域名到子目录 , 前提你的空间服务器必须支持 apache 的 rewrite 功能,只有这样才能使用 .htaccess 。如果你的空间是 Linux 服务器 一般默认都开启了的。 首先在本地建个 txt 文件,复制下面的代码修改替换你要绑的域名和目录,并传到网...
  • 利用.htaccess绑定m二级域名到二级m目录最有效方法
    阅读
    搜狐畅言评论悬浮窗广告去除具体效果,大家也可以看w88模板网的效果,畅言广告已经被屏蔽。 下面就说说解决方法: 原理:破解畅言广告JS,JS本地化调用 具体操作: 大家把这个制作好的JS文件:https://www.s188z.com/style/changyan/changya...
  • 搜狐畅言评论悬浮窗广告终极去除方法永久有效
    阅读
    一、首先我们打开ecs服务器购买页面: 阿里云的优惠力度还是蛮大的,大家可以点击下面链接进行购买。 阿里云打折服务器ECS购买地址: https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=h86li0wm 1、进入ECS配置页面: 找到ecs服务器,点击进入配置...
  • 阿里云服务器ECS远程连接方式安装宝塔面板详细教程
    阅读
    分享的竞价员专用报表多达20份,不仅仅局限于医疗行业,主要报表有:竞价每天工作日志模板、竞价周工作总结计划模板、百度竞价日常成本核算报表、sem月度计划总结 模板、每日竞价报表-来院渠道、竞争对手关键词排位报表--医疗网络部 整理、查词表 模板、小时...
  • 20份SEM竞价数据报表模板下载分享
    阅读
    百度快照劫持就是黑客通过技术手段拿到你网站 FTP 权限或者数据库权限植入代码或添加劫持脚本,把他想要的内容写进一个页面代码里,在首页 Head 标签下调用,当搜索引擎访问你网站的时候抓取到你网站的标题 - 关键词 - 描述的时候,就会抓取到黑客设定的任何...
  • 什么是快照劫持及解决办法?
    阅读
    阿里云香港服务器30M带宽3年864元 了, 这款便宜的活动机型配置为:1核+1GB内存+带宽峰值30Mbps+每月流量1TB,可以挂百个网站无压力。 购买流程 领券: 阿里云1888代金券 打开活动页面: https://common-buy.aliyun.com/?commodityCode=swasregionId=cn-hongk...
  • 阿里云香港服务器免备案30M带宽3年仅864元
    阅读
    在以前的文章中分别说了如何用.htaccess文件实现index.html跳转、Windows创建.htaccess文件方法总结和利用.htaccess文件实现网站栏目首页的301跳转,不少搜索相关问题进来的读者反应很多都实现不了,这可能是每个服务器的差异性造成。 最近在弄公司的企业站...
  • 利用.htaccess实现首页index.html重写与栏目页重定向
    阅读
    一、网站 URL 路径优化 1. 首页 URL 的路径优化。大家安装程序后,也许会发现打开首页后其路径是这样的: https://www.XXX.com/index.html ,这种路径远没有 https://www.XXX.com/ 路径好。那么怎么去掉后面的 index.html 呢?具体方法是将根目录下的 index.ph...
  • dedecms新站SEO优化技巧
    阅读
    1、分类栏目标题添加分页码 在网站各分类栏目添加一定数量内容之后,文章列表自然而然会形成分页,如果栏目标题不添加分页码用来标记当前页数,那就很容易出现较多相同标题的页面。 这个时候为了 SEO 上的考虑就会需要给各栏目标题添加页码,一方面可以很直...
收藏此文 打赏本站

如本文对您有帮助,就请w88模板网抽根烟吧!

  • 支付宝打赏
    站内优化SEO之标题优化教程
    微信打赏
    支付宝扫描打赏
禁止百度移动搜索转码方法
« 上一篇 2018年05月25日
利用.htaccess实现首页index.html重写与栏目页重定向
下一篇 » 2018年05月20日

精彩评论

微信扫描打赏
有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!
推荐精品模板更多
更新时间:2021-05-20

人已经看过了!

资源文章分享响应式整站源码带测试数据
更新时间:2018-06-07

人已经看过了!

响应式室内设计工程施工类w88. w88优德(自适应手机端)
更新时间:2019-11-07

人已经看过了!

机械设备公司营销型网站源码 营销销售类通用公司企业网站w88. w88优德
更新时间:2018-04-26

人已经看过了!

响应式照明灯饰类w88. w88优德(自适应手机端)
更新时间:2018-04-14

人已经看过了!

响应式精细零件五金类企业w88. w88优德(自适应手机端)
更新时间:2018-04-24

人已经看过了!

出国留学教育培训机构类w88. w88优德(带手机端)
更新时间:2019-11-08

人已经看过了!