备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

25个带单个输入框和提交按钮的表单设计案例

2011-02-08 633
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　提交表单是网站非常重要的一部分，之前曾介绍了25个优秀的表单设计案例，今天要介绍的是25个带单个输入框和提交按钮的表单设计案例，这种表单最常见的应用场景是搜索和邮件订阅。让我们一起来参考一下这些非常有吸引力的设计。

　　提交表单是网站非常重要的一部分，之前曾介绍了25个优秀的表单设计案例，今天要介绍的是25个带单个输入框和提交按钮的表单设计案例，这种表单最常见的应用场景是搜索和邮件订阅。让我们一起来参考一下这些非常有吸引力的设计。

300 Pixels

subscribe01

dribbblr

subscribe02

Meta Set

subscribe03

CardFly

subscribe06

acosmin

subscribe07
subscribe08

Life Could be Better

subscribe09
subscribe10

enjoythis

subscribe11
subscribe12

Oak Street Bootmakers

subscribe13
subscribe14

These are Things

subscribe15
subscribe16

Still Pointe

subscribe17
subscribe18

campwapo.org

subscribe19
subscribe20

Parachute Clothing

subscribe21
subscribe22

Jewell & Ginnie

subscribe23
subscribe24

Cure

subscribe25
subscribe26

Every Pixel Counts

subscribe27
subscribe28

MumMade

subscribe29
subscribe30

Portable.tv

subscribe31
subscribe32

13 Creative

subscribe33
subscribe34

Style & Conscience

subscribe35
subscribe36

Mentaway

subscribe37
subscribe38

The New Toy

subscribe39
subscribe40

Desina

subscribe41
subscribe42

So1o

subscribe43
subscribe44

Barley’s

subscribe04
subscribe05

Oi Polloi

subscribe45

 

（编译来源：梦想天空  原文来自：25 Examples of Subscription Forms and Buttons in Web Design）

文章标签：
JavaScript
Web App开发
前端开发
秋天风景
目录
相关文章
渐暖
|
13天前
|
C#
【C#】 如何实现文本框历史记录提示功能
【C#】 如何实现文本框历史记录提示功能
渐暖
19 0
亚丁号
|
3月前
|
移动开发 前端开发 JavaScript
分享66个表单按钮，总有一款适合您
分享66个表单按钮，总有一款适合您
亚丁号
38 4
草料二维码
|
2月前
在表单提交后设置文字信息，及时播报表单的提交情况
表单作为草料二维码的高级功能之一，可用于收集格式统一的数据。你可以通过组合姓名、图片、检查项等组件搭建出电子表单，关联到二维码中，扫码填写表单即可更快速、规范的收集数据。在表单设置-提交成功页设置中可以设置表单提交成功后的页面详情和后续操作，支持设置填表人提交后显示文字信息、获取二维码凭证、配置后续操作按钮、跳转到活码。下面是表单提交后显示文字信息的使用技巧。
草料二维码
12 0
祈澈菇凉
|
6月前
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
祈澈菇凉
19 0
祈澈菇凉
|
6月前
点击按钮，新增输入框，再点击按钮，删除输入框
点击按钮，新增输入框，再点击按钮，删除输入框
祈澈菇凉
27 0
Kissship
|
7月前
|
Java
注册界面展示及源码(含输入框获焦失焦)
注册界面展示及源码(含输入框获焦失焦)
Kissship
25 0
No8g攻城狮
|
7月前
|
JavaScript
一个form表单有两个按钮,分别提交到不同的页面
一个form表单有两个按钮,分别提交到不同的页面
No8g攻城狮
32 0
前端歌谣
|
9月前
|
前端开发
添加按钮的两种方式
添加按钮的两种方式
前端歌谣
45 0
No8g攻城狮
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮，比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件，在单击响应事件中进行提交表单，这没有任何问题。点击取消按钮的时候，触发对应的单击响应事件，这个单击响应事件中主要处理关闭表单页面逻辑，所以会关闭页面，这也正常。但是！打开控制台监听请求会发现，它也会提交表单。
No8g攻城狮
526 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
bqospzg5rfs7g
|
前端开发 数据安全/隐私保护 开发者
提交按钮 | 学习笔记
快速学习提交按钮
bqospzg5rfs7g
179 0
提交按钮 | 学习笔记