DEV Community

gaganjot singh
gaganjot singh

Posted on

3

CSS FORMS

Alt Text

If You Like This Article then check Out more Example [gscode.in]

30 Pure CSS Forms

https://gscode.in/css-forms/

1.Daily challenge 001 from dailyui.co.

2.Sign In & Sign Up Form concept , click on login and Sign Up to changue and view the effect

3.CSS FORMS

4.Supported card:

5.Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.

Shoutout to all y'all bullet journalists on Instagram.

Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3

p/s I have a picture with a random dog in 20 different countries, ama.

6.Placeholders cannot be modified in a very useful way, and not by all browsers the same... so there's some jQuery to manipulate the label elements to act as placeholders ( it also means the form is semantic as the labels are there at page load correctly)

7.Login, Sign-up, Password, Reset, Payment, User, Contact, Complex

Scroll-to-Top feature, being a single scroll page and all...

8.Quick practise on one of the forms in this article: https://medium.com/@saijogeorge/creative-form-input-field-design-examples-bfe5dd50808a

9.Log In Forms

CSS FORM

Alt Text

If You Like This Article then check Out more Example [gscode.in]

30 Pure CSS Forms

https://gscode.in/css-forms/

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs