• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML表单提交的几种方式_动力节点Java学院整理

HTML表单提交的几种方式_动力节点Java学院整理

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML表单提交,表单提交方式,表单的提交方式等相关知识,佚名 希望在学习及工作中可以帮助到您

方式一:通过submit按钮提交

<!DOCTYPE html>
<html>
<head>
    <title>通过submit按钮提交</title>
    <meta charset="UTF-8"/>
</head>
<body>
    <form action="" method="get" id="form1">
        <input type="text" name="username"></input>
        <input type="submit" value="提交" />
    </form>
</body>
</html>

方式二:通过一般按钮button提交

<!DOCTYPE html>
<html>
<head>
    <title>通过一般按钮提交</title>
    <meta charset="UTF-8"/>
</head>
<body>
    <form action="" method="get" id="form1">
        <input type="text" name="username"></input>
        <input type="button" value="ok" name="sb" onclick="submit1();">
    </form>
    <script type="text/javascript">
        function submit1()
        {
            var form1 = document.getElementById("form1");
            form1.action = " bjpowernode.html";
            form1.submit();
        }
    </script>
</body>
</html>

方式三:通过超链接提交

<!DOCTYPE html>
<html>
<head>
    <title>通过超链接提交</title>
    <meta charset="UTF-8"/>
</head>
<body>
    <a href="bjpowernode.html?username=张三">通过超链接提交</a> 
</body>
</html>

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理

相关文章

  • 2017-08-05通过iframe实现在body中放frameset
  • 2017-08-05纯HTML标签你熟悉多少?
  • 2017-08-0540多个漂亮的网页表单设计实例
  • 2017-08-05IE6下网页制作参考 IE6 默认样式
  • 2017-08-05网页制作掌握的最常用的HTML标记
  • 2017-08-21动态加载html后,点击获取焦点
  • 2017-08-05关于分割线 hr 在各浏览器中的差异
  • 2017-08-05关于HTML中的滚动条使用技巧分享
  • 2017-08-05iFrame的妙用作为弹出层铺底覆盖
  • 2017-08-05HTML与XHTML、以及HTML4与HTML5标签之间的区别简介

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • marquee元素实现滚动字体图片滑动等效果
    • 网页中表单按回车就自动提交的问题总结
    • a 中调用js的几种方法整理及使用推荐
    • 关于IE8兼容:X-UA-Compatible属性的解释
    • 浅谈html table 标签
    • html 弹出div实现移动居中非常好用
    • HTML head 头标签详细介绍
    • 利用HTML、CSS 实现带表情的评论框的制作教程
    • 利用iframe技巧获取访问者qq实现思路及示例代码
    • 浅析响应式框架中,table表头自动换行的快速解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有