---
title: The formulaic formula for uniform forms
description: test
---

[![Seiko Vision](https://www.seikovision.com//Static/img/seikovision/seiko_logo_menu.svg)](https://www.seikovision.com/)

Toggle navigation

- <https://www.seikovision.com/hoya-and-you/ECP/>
- [Find optician](https://www.seikovision.com/find-optician/)
- ![](https://www.seikovision.com/Static/img/flags/seiko-globe.svg) Select country

- Taking care of my eyes
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
  
    - [![](https://www.seikovision.com/globalassets/seiko/howdoitakecare/nav_comfortable.svg) Eye comfort](https://www.seikovision.com/taking-care-of-my-eyes/eye-comfort/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_healthier.svg) Eye Health](https://www.seikovision.com/taking-care-of-my-eyes/eye-health/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_bettervision.svg) Better vision](https://www.seikovision.com/taking-care-of-my-eyes/Better-vision/)
  
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
- How will I look?
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
  
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/beanindividual.svg) Be an individual](https://www.seikovision.com/how-will-i-look/Be-an-individual/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_unique.svg) Stay unique](https://www.seikovision.com/how-will-i-look/stay-unique/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/stayingahead.svg) Keep ahead](https://www.seikovision.com/how-will-i-look/keep-ahead/)
  
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
- What will I experience?
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
  
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_performance.svg) Performance](https://www.seikovision.com/what-will-i-experience/Performance/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_technology.svg) Technology](https://www.seikovision.com/what-will-i-experience/Technology/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_precision.svg) Precision](https://www.seikovision.com/what-will-i-experience/Precision/)
  
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
- Lenses
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
  
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_progressive.svg) Progressive](https://www.seikovision.com/lenses/progressive/)
    - [![Gold circle icon of two lenses](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_single_vision.png) Single Vision](https://www.seikovision.com/lenses/single-vision/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_selftint.svg) Self-tinting](https://www.seikovision.com/lenses/self-tinting/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_polarized.svg) Polarized](https://www.seikovision.com/lenses/polarized/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_sports.svg) Sports](https://www.seikovision.com/lenses/sports/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_drive.svg) Drive](https://www.seikovision.com/lenses/drive/)
    - [![](https://www.seikovision.com/globalassets/seiko/iconsmenu/nav_computer.svg) Computer](https://www.seikovision.com/lenses/computer/)
  
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
- Frames
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)
  
    - [![](https://www.seikovision.com/globalassets/seiko/frames/nav_titanium.svg) SEIKO](https://www.seikovision.com/frames/Seiko/)
    - [![](https://www.seikovision.com/globalassets/seiko/frames/nav_xchanger.svg) Xchanger](https://www.seikovision.com/frames/xchanger/)
  
  
  ![](https://blog.seikovision.com/Static/SeikoVision/img/Icons/Arrow_Menu.svg)

---

- <https://www.seikovision.com/hoya-and-you/ECP/>
- [Find optician](https://www.seikovision.com/find-optician/)
- Select country

### SEIKO Vision Global site

The products available in your local market are found on your local website.

[Explore the global website](https://www.seikovision.com)

## ...or visit your local site

- ![Belgium](https://www.seikovision.com/Static/img/seikovision/flags/be.svg) Belgium 
    - [Dutch](https://www.seikovision.com/nl-be/)
    - [French](https://www.seikovision.com/fr-be/)
- [![Chinese (Simplified) Legacy](https://www.seikovision.com/Static/img/seikovision/flags/cn.svg) China](https://www.seikovision.com/cn/)
- [![French](https://www.seikovision.com/Static/img/seikovision/flags/fr.svg) France](https://www.seikovision.com/fr/)
- [![German](https://www.seikovision.com/Static/img/seikovision/flags/de.svg) Germany](https://www.seikovision.com/de/)
- [![Hungarian](https://www.seikovision.com/Static/img/seikovision/flags/hu.svg) Hungary](https://www.seikovision.com/hu/)
- [![Hebrew](https://www.seikovision.com/Static/img/seikovision/flags/il.svg) Israel](https://www.seikovision.com/il/)
- [![Italian](https://www.seikovision.com/Static/img/seikovision/flags/it.svg) Italy](https://www.seikovision.com/it/)
- [![Japan](https://www.seikovision.com/Static/img/seikovision/flags/jp.svg) Japan](https://www.seiko-opt.co.jp/)
- [![English](https://www.seikovision.com/Static/img/seikovision/flags/my.svg) Malaysia](https://www.seikovision.com/my/)
- [![Dutch](https://www.seikovision.com/Static/img/seikovision/flags/nl.svg) Netherlands](https://www.seikovision.com/nl/)
- [![English](https://www.seikovision.com/Static/img/seikovision/flags/ph.svg) Philippines](https://www.seikovision.com/ph/)
- [![Polish](https://www.seikovision.com/Static/img/seikovision/flags/pl.svg) Poland](https://www.seikovision.com/pl/)
- [![Russian](https://www.seikovision.com/Static/img/seikovision/flags/ru.svg) Russia](https://www.seikovision.com/ru/)
- [![Arabic](https://www.seikovision.com/Static/img/seikovision/flags/sa.svg) Saudi Arabia](https://www.seikovision.com/ar-sa/)
- [![English](https://www.seikovision.com/Static/img/seikovision/flags/za.svg) South Africa](https://www.seikovision.com/za/)
- [![Spanish](https://www.seikovision.com/Static/img/seikovision/flags/es.svg) Spain](https://www.seikovision.com/es/)
- [![Turkish](https://www.seikovision.com/Static/img/seikovision/flags/tr.svg) Turkey](https://www.seikovision.com/tr/)
- [![English](https://www.seikovision.com/Static/img/seikovision/flags/gb.svg) United Kingdom](https://www.seikovision.com/uk/)

# The formulaic formula for uniform forms

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod.

Share: <https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui> <https://www.facebook.com/sharer.php?u=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui> <https://twitter.com/share?url=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui>

[Chupa Chups](https://blog.seikovision.com/blog/author/chupa-chups)

 I like candy and lollipops. Oh, you didn’t see that coming? Maybe you need new glasses.

Styles for the site basic *UI elements*, such as form inputs, checkbox, radio buttons, etc.

## General button tests

Confirm that the styling works for both `<input>`, `<button>` and `<a>` tags.

Button Button

 Link Button. Warning! Don't press this button before consulting your doctor. We take no responsibility for the consequences.

---

## Button hierarchy and styles

---

## HubSpot Calls-to-Action buttons

\[ To be inserted \]

---

## Form UI styling

Topics:

- [Insider](https://blog.seikovision.com/blog/topic/insider)

### Recent

### Topics

- [Insider (3)](https://blog.seikovision.com/blog/tag/insider)

### Authors

- [Chupa Chups (3)](https://blog.seikovision.com/blog/author/chupa-chups)

 View comments

## Comments

## Keep me updated

Get tips and facts about lenses directly to your inbox.

## Recommended reading

- [Insider](https://blog.seikovision.com/blog/topic/insider)

## [This topography is top of the tropical treats](https://blog.seikovision.com/blog/typography-0)

 I said wow. [Read more](https://blog.seikovision.com/blog/typography-0)

[![Chupa Chups](https://static.hsappstatic.net/content_shared_assets/static-1.4036/img/blog_author.jpg)](https://blog.seikovision.com/blog/author/chupa-chups)

[Chupa Chups](https://blog.seikovision.com/blog/author/chupa-chups)

< 7 min Nov 30, 2017

- [Insider](https://blog.seikovision.com/blog/topic/insider)

## [This typography is atypical for this type of blog](https://blog.seikovision.com/blog/typography)

 I said wow. [Read more](https://blog.seikovision.com/blog/typography)

[![Chupa Chups](https://static.hsappstatic.net/content_shared_assets/static-1.4036/img/blog_author.jpg)](https://blog.seikovision.com/blog/author/chupa-chups)

[Chupa Chups](https://blog.seikovision.com/blog/author/chupa-chups)

< 7 min Nov 30, 2017

[Knowledge Hub](https://blog.seikovision.com/blog) Scroll to top Filter

- <https://www.facebook.com/sharer.php?u=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui>
- <https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui>
- <https://twitter.com/share?url=https%3A%2F%2Fblog.seikovision.com%2Fblog%2Fform-ui>

- Subscribe

[![Seiko Vision](https://www.seikovision.com//Static/img/seikovision/seiko_logo_footer.svg)](https://www.seikovision.com/)

### Contact

- [Request appointment](https://www.seikovision.com/request-an-meeting/)
- [I want to be contacted](https://www.seikovision.com/i-want-to-be-contacted/)

### Lenses

- [Progressive](https://www.seikovision.com/lenses/progressive/)
- [Sports](https://www.seikovision.com/lenses/sports/)
- [Drive](https://www.seikovision.com/lenses/drive/)
- [Computer](https://www.seikovision.com/lenses/computer/)
- [Self-tinting](https://www.seikovision.com/lenses/self-tinting/)
- [Polarized](https://www.seikovision.com/lenses/polarized/)

### Frames

- [SEIKO](https://www.seikovision.com/frames/Seiko/)
- [Xchanger](https://www.seikovision.com/frames/xchanger/)

### Stay updated on seikovision news

- [![](https://www.seikovision.com//Static/SeikoVision/img/Icons/twitter.svg)](https://twitter.com/seikovision)
- [![](https://www.seikovision.com//Static/SeikoVision/img/Icons/facebook.svg)](https://www.facebook.com/pg/seikovision/about/)
- [![](https://www.seikovision.com//Static/SeikoVision/img/Icons/linkedin.svg)](https://www.linkedin.com/company/seikovision/)

- [Privacy](https://www.seikovision.com/privacy-notice/privacy-notice/)
- [Terms of use](https://www.seiko.co.jp/en/notice/index.html)

 SEIKO OPTICAL PRODUCTS CO., LTD. 18-10, Nihonbashi Hakozaki-Cho, Chuo-Ku, Tokyo 103-0015, Japan

- [Privacy](https://www.seikovision.com/privacy-notice/privacy-notice/)
- [Terms of use](https://www.seiko.co.jp/en/notice/index.html)