html5 type submit,input type=submit

"submit"类型的元素呈现为提交按钮 - 单击一个将尝试提交表单到服务器。

值用作按钮标签的DOMString活动点击

支持的通用属性类型和价值

IDL属性值

方法没有

元素的value属性包含一个 DOMString作为按钮的标签

如果你不指定一个value,你会得到一个默认标签,如提交 / 提交查询(取决于浏览器)的按钮:

使用提交按钮

按钮用于提交表单。如果你想创建一个自定义的按钮,然后使用JavaScript自定义行为,你需要使用或更好的元素。

但是,您需要注意的是,如果您只在表单(例如My button)中包含单个按钮元素,则浏览器会将其计为提交按钮。除了可能要包含的任何其他按钮之外,还需要显式声明提交按钮。

一个简单的提交按钮

我们将开始创建一个简单的提交按钮:

Let's submit some text      
  

呈现如下:

尝试在文本字段中输入一些文本,然后提交表单。

提交后,在这种情况下发送到服务器的数据键/值对text=mytext将根据您在文本字段中输入的文本而定。提交数据的地点和方式取决于您如何设置

属性(和其他详细信息) 。

添加提交键盘快捷键

键盘快捷键(也称为访问键和键盘等价物)可让用户使用键盘上的键或键组合来触发按钮。要将键盘快捷键添加到提交按钮 - 就像使用任何有意义的键一样 - 可以使用accesskey全局属性。

在这个例子中,s被指定为访问键(您需要按s加上您的浏览器/操作系统组合的特定修饰键;请参阅accesskey这些键的有用列表)。

Let's submit some text

注意:以上例子的问题当然是用户不知道访问密钥是什么!在真实网站中,您必须以不干扰网站设计的方式提供此信息(例如,通过提供易于访问的链接指向网站访问键的信息)。

禁用和启用提交按钮

要禁用提交按钮,只需disabled在其上指定全局属性,如下所示:

您可以在运行时通过设置disabled为true或来启用和禁用按钮false; 在JavaScript中,这看起来像btn.disabled = true。

注意:请参阅页面以获取有关启用/禁用按钮的更多信息。

注:Firefox将不像其他的浏览器,默认情况下,坚持动态禁用状态一的整个页面加载。使用该autocomplete属性来控制此功能。

验证

提交按钮不参与约束验证; 他们没有被可约束的值

例子

我们已经包含上面的简单例子。关于提交按钮没有什么可说的。

规范

规范状态HTML生活标准在该规范中定义了''。生活水平

HTML5该规范中的'的定义。建议

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafariBasic support1.01.0 (1.7 or earlier)(Yes)(Yes)1.0

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileBasic support(Yes)4.0 (4.0)(Yes)(Yes)(Yes)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/268457.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NOD32最新升级ID

2009年08月20日NOD32最新升级ID —————————————————————————— 两个EAV激活码: M26F-0233-3WRA-7M6W-H4QL-8K7J M26F-0233-3WRA-8DET-U646-T94T 用户名 密码 版本 EAV-19640855 - rtr3afv8pa >> ess E…

链表 - Part I

链表是一种物理存储单元上非连续、非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成。每个结点包括两个部分:一个是…

modelsim6.5b安装和仿真bug

(一)由于6.3以下的需要装smart model,因此就选了6.5b的新版本,在安装完了之后需要对modelsim.ini进行修改:1.把 Resolution ns 改成 Resolution ps2.把 PathSeparator / 用;注释掉3.找到Veriuser并改成(去掉注释&am…

jer中无html文件,index.html

Remember that “all things are possible to the one whobelieves.” (Mark 9:23)Remember that “what is impossible with men is possiblewith God.” (Luke 18:27)Remember “whenever you stand praying, forgive, if youhave anything against anyone; so that your Fat…

IOS https抓包及10.3.3版本证书不生效问题解决

Charles安装HTTP抓包HTTPS抓包1. Charles安装 官网下载安装Charles:https://www.charlesproxy.com/download/ 2. HTTP抓包 (1)查看电脑IP地址 (2)设置手机HTTP代理iphone连上wifi,点击“设置->无线局域网->连接的…

C# 备忘

1.使用partial来修饰类和结构,运行跨多个*.cs文件来定义c#类型。类型名必须是一致的,并且定义在相同的.NET命名空间中。 2.C#提供了关键字sealed来防止发生继承,如果将类标记为sealed,编译器将不会允许我们从这个类型派生。有时不…

计算机网络上网时间,电脑怎么限制上网时间

孩子的学习和娱乐都离不开电脑,很多事情的完成都是需要借助电脑,但其负面影响也逐渐体现下面是学习啦小编为大家整理的关于电脑怎么限制上网时间,一起来看看吧!电脑怎么限制上网时间先登录路由器主页。如果知道家长和孩子电脑的Mac地址的可以直接跳到第四步。很多人…

与protected成员有关的单元测试方式

这是一篇简单的文章,讨论了单元测试中遇到protected成员的应对方案。此外,在文章最后也希望和大家讨论一下某个特殊的情况下的处理方法。 protected是一个有趣而有用的修饰符,它把方法的访问成员严格限制在自身或自己的子类身上。换句话说&am…

计算机画面的音乐素材,音效素材:高科技用户界面UI点触计算机数据分析全息音效合集...

音效素材:高科技用户界面UI点触计算机数据分析全息音效合集包含1000多组模块化用户界面音效,由最好的制造商“EURORACK”亲自录制。MODULAR UI是由世界著名的音响设计师和音乐家理查德迪瓦恩共同创建的一个用户界面音效库。设计并完全由理查德迪瓦恩的个…

cacti安装FAQ

为什么80%的码农都做不了架构师?>>> CACTI中MSN和EMAIL不能同时预警 描述 CACTI中使用thold可以实现邮件的预警,超过阀值的时候,基本上可以在半个小时之内把邮件发出来,这种方式是比较稳定的方式。 另外可以使用MSN…

初中计算机新课标培训心得,新课标学习心得体会

新课标学习心得体会由好范文网的会员投稿精心推荐,小编希望以下6篇范文对你的学习工作能带来参考借鉴作用。第1篇:新课标学习心得体会新课标学习心得体会怎么写?以下是我们给你的范文格式参考。用课余时间我认真学习了中心校下发的小学品德与…

利用原生js做数据管理平台

摘要:数据管理平台在当今社会中运用十分广泛,我们在应用过程中,要对数据进行存储,管理,以及删除查询等操作,而我们在实际设计的时候,大牛们大多用到的是JQuery,而小白对jq理解也较困…

ios 阅览器html5,HTML5测试:iOS 8浏览器Safari提升明显

没错,日前,国外著名手机网站GSMArena就发现iOS 8中的Safari浏览器确实增强了对HTML5的支持。如下图所示,在HTML5test.com的数据库中,新版本Safari得到的分数为440(满分为550),相比iOS 7中的Safari的412分来说还是有不小…

RAID冗余技术的介绍AND实现

一、RAID技术规范简介 RAID技术主要包含RAID 0~RAID 7等数个规范,它们的侧重点各不相同,常见的规范有如下几种: RAID 0:RAID 0连续以位或字节为单位分割数据,并行读/写于多个磁盘上,因此具有很高…