SubmitButton 是一组iOS 动画提交按钮,采用Swift开发。
效果图:
使用环境:
swift2 +
xcode7.3 +
使用:
1 创建一个按钮
using code
let frame = CGRect(x: 50, y: 100, width: 200, height: 60) button = SubmitButton(frame: frame) button.setTitle("Submit", forState: .Normal) self.view.addSubview(button)
using Storyboard or XIB
2 (Optional) 按钮属性设置
btn.checkLineWidth = 6.0 btn.progressBorderWidth = 5.0 btn.successColor = UIColor(red:0, green:206/255, blue:148/255, alpha:1) btn.progressColor = UIColor(red:0, green:206/255, blue:148/255, alpha:1)
3 (Optional) 按钮statechanged回调
btn1.stateChanged = { (toState:SubmitButtonState) in if toState == .Loading { self.btn1.progress = 1 } }
4 改变按钮状态
@IBAction func btnClicked(sender: AnyObject) { let btn = sender as! SubmitButton if btn.submitState != .Normal { btn.changeState(.Normal) } else { btn.changeState(.Loading) } }
5 设置进度
... btn.progress = 1 ...
##声明: button-普通按钮,submit-提交按钮。 submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。 ##使用场景: 这里说的部分使用场景,并不是只能用一种,只是说,在这种场景下使用更加方便,程序员工作量小。 场景 Submi
submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单. 两者主要区别在于: submit默认为form提交,可以提交表单(form). button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. INPUT t
submit和button submit介绍 submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return t
转自:http://baiying.blog.51cto.com/1068039/1319784 html按钮有两种: 和登录 这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的。 1,如果在 标签中,使用,要想提交form, 你必须写成, 或者document.loginForm.submit();否则form是不会提交的。 2,如果在form中使用登录只要点击就会提交。 。 今天在使
最近项目中用了很多的表单提交,发现input、button、submit甚至回车键都可以引发表单提交,下面将分别给大家讲述下他们在使用中的区别。 1 2 3 4 <form> <input name="name"> <input type="submit" value="提交"> </form> 以这种方式提交,input 值为22222222时,后面递交的url 就会变为localho
Submit是专门用于提交表单的Button,与Button的区别主要有两点: type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此 (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、
.btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartC
form表单的两种提交方式,submit和button的用法 1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。 方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementBy
form表单提交方法 1、type=“submit” <form name="form" method="post" action="#"> <input type="submit" name="submit" value="提交"> </form> 2、type=“image” <form name="form" method="post" action="#"> <input
input标签 1. type=button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 <input type="button"> elements have no default behavior (their cousins, <input type="submit"> and <input type="reset"> are used to submit and
I want to know what function the submit button calls, or how I can simulate a submit button press. Call the ICredentialProviderEvents :: CredentialsChanged (You have an ICredentialProviderEvents* fr
submit 用来接收表单信息,但是存在多个按钮时,允许提交但无法方法本身无法区分,如到店支付、直接支付。 提出的解决办法: 1、在button中添加bindtap属性用来区分,希望在JS中能走不同的路径,但是失败,因为在button中form-type的submit的优先级高于bindtap,导致根本不走后面判断,无法区分。 2、在button中添加data-ispay的自定义属性,直接赋值1和
div加入οnclick=“document.getElementById(‘lick1’).click()”, 在div后加入input,type=“submit” id=“lick1” <div class="action" onclick="document.getElementById('lick1').click()"> <div class="btn"> 确认
button按钮和事件搭配(如单击) submit按钮和submit事件搭配,如果要让表单不提交,且起到click事件的作用submit最后要return false阻止表单提交
表单按钮一般分为三类,分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用,普通按钮则可以在网页的任何地方使用。 从本质上讲,表单按钮也是表单控件,之所以把它分离出来,单独介绍,是因为它的功能比较特别。提交按钮用于把表单数据发送到服务器,重置按钮用于重置整个表单的数据,普通按钮则需要开发者赋予它功能。 当用户点击提交按钮和重置按钮时,就有动作发生,一般不需要添加动作;而普通按钮,
我使用bootstrap模式获得了一个register表单,它将调用ajax post函数。 但是,它似乎并不执行我的$.post。另外,如何将php函数的返回值使用到ajax数据中?那么,如果我的createAccount返回true或其他值,我的ajax如何捕获它呢? 我的阿贾克斯。 我的CreateAccount.php 我的函数.php
问题内容: 单击后,我编写了以下代码以禁用网站上的提交按钮: 不幸的是,它没有发送表格。我怎样才能解决这个问题? 编辑 我想绑定提交,而不是表格:) 问题答案: 做到: 发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。 您可能还应该考虑使用ID或CLASS来命名元素,因此不要在页面上选择所有提交类型的输入。 (请注意,我使用,因此该表单在示例中并未实际提交;请在使用时将其保留。)
浮动操作按钮 运行方式 过渡 大屏幕 浮动操作按钮 浮动操作按钮 浮动操作按钮适用于进阶的操作。它是漂浮在 UI 上的一个圆形图标,具有一些动态的效果,比如变形、弹出、位移等等。 浮动操作按钮有两种尺寸: 默认尺寸:适用于多数应用情况。 迷你尺寸:仅用于创建与其他屏幕元素视觉的连续性。 浮动操作按钮 迷你浮动操作按钮 浮动操作按钮应至少放在距手机边缘 16dp 或电脑/台式机边缘 24dp 的地方
问题内容: 好吧,我试图通过按Enter提交表单,但不显示提交按钮。我不希望尽可能地使用JavaScript,因为我希望所有功能都可以在所有浏览器上正常工作(我知道的唯一JS方式就是使用事件)。 现在,表单如下所示: 哪个效果很好。当用户按下Enter键时,提交按钮将起作用,并且该按钮在Firefox,IE,Safari,Opera和Chrome中不显示。但是,我仍然不喜欢该解决方案,因为很难知道
问题内容: 我有一个表格。在该表格之外,我有一个按钮。一个简单的按钮,如下所示: 但是,当我单击它时,它会提交表单。这是代码: 该按钮应该做的就是编写一些JavaScript。但是,即使看起来像上面的代码一样,它也会提交表单。当我将标签按钮更改为跨度时,它可以完美工作。但不幸的是,它必须是一个按钮。有什么办法可以阻止该按钮提交表单?像例如 问题答案: 我认为这是HTML最令人讨厌的小特性。该按钮必
本文向大家介绍JS button按钮实现submit按钮提交效果,包括了JS button按钮实现submit按钮提交效果的使用技巧和注意事项,需要的朋友参考一下 今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: 隐藏的act方法设置,代码如下: 最后关键的是 bu
问题内容: 我有一个网站开始,我希望有2个单独的提交按钮,其中一个将获取输入的数据并对其进行一些计算以显示在同一屏幕上。我已经成功地与以下人员合作: 然后我用: 现在,我想要第二个提交按钮,该按钮仍然可以捕获他们输入的数据,然后转到另一个地址。有没有一种优雅的方法可以做到这一点? 问题答案: 您可以将方法添加到新的提交按钮,该方法将更改表单的操作,然后提交。