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

网页表单提交方式详细汇总

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

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

大家先来看看表单提交的几种方式:
1、<!--通用提交按钮-->
<input type="submit" value="提交">
2、<!--自定义提交按钮-->
<button type="Submit">提交</button>
3、<!--图像按钮-->
<input type="image" src = "btn.png">
说明:用户提交按钮或图像按钮时,就会提交表单。使用<input>或<button>都可以定义提交按钮,只要将其特性的值设置为“submit”即可,而图像按钮则是通过<input>的type特性值设置为”image”来定义的。因此,只要我们单击一下代码生成的按钮,就可以提交表单。
4、阻止表单提交
只要在表单中存在上面列出的任何一种按钮,那么相应表单控件拥有焦点的情况下,按回车键就可以提交表单。如果表单里没有提交按钮,按回车键不会提交表单。
以这种方式提交表单时,浏览器会在将请求发送给服务器之前触发submit事件。这样,我们就有机会验证表单数据,并据以决定是否允许表单提交。阻止这个事件的默认行为就可以取消表单提交。例如,下面代码会阻止表单提交:

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

  • 如何提交表单中disabled表单域的值示例代码
  • form表单中的Input使用disabled不能提交的解决方法
  • 网页表单提交方式详细汇总
  • 图片按钮提交与表单重复提交问题探讨
  • 表单元素垂直居中完美解决方案
  • 分享20个优秀的网页表单设计案例
  • 网页设计中的表单设计技巧小结
  • 遵守这8个原则,帮你创建用户友好型表单
  • 如何高效完成表单输入?来看这个实战案例!
  • 如何构建 Web 端设计组件之树和日期时间选择器

相关文章

  • 2017-08-06设计好用、易用web应用程序的10个技巧
  • 2018-08-23可自由编辑!一份30页的坚果Pro情怀PPT模板
  • 2018-08-23关于表单设计的知识点,这篇总结相当全面!
  • 2018-08-23一个专业的产品着陆页是如何设计出来的?
  • 2017-08-06Web 前端性能优化
  • 2018-08-23从这4个维度,教你分析一款相册类产品
  • 2018-08-23这5个色彩进阶技巧,能帮你创造更优质的网页用户体验
  • 2018-08-23用这个设计方案,成功解决了为色盲设计的难题
  • 2018-08-23超实用!网页顶部导航栏设计方法总结
  • 2017-08-06font-family 中文字体的英文名称小结

文章分类

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

最近更新的内容

    • 高手的平面课堂!7个方法帮你从摄影照片中吸取设计灵感(附实战)
    • UI实战教程!从零开始做APP 系列之切图标注篇
    • 实战经验!如何在公司举办一场设计思维工作坊?
    • 掌握这5个方面,让你具备真正的交互设计思维!
    • 超实用!UX团队如何给设计原则做优先级排序?
    • 博客园CnBlogs自定义博客样式分享
    • 实例教学!25个帮你运用好极简风格的设计方法
    • 设计师如何推动自己想法?专访百度UI设计师JJ Ying
    • 字体大宝库 50款精美的免费细英文字体资源 上篇
    • 编写高质量代码 Web前端开发修炼之道 书摘精要

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

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