Style a Form with Plain CSS

Share this video with your friends

Send Tweet

Forms and interactive DOM elements are the fundamental building blocks of an application, but that doesn't mean they need to look like every other form on the web. In this lesson, I'm styling a simple input form to drastically change the way it appears without making any unnecessary changes to the DOM itself.

Ray
Ray
~ 7 years ago

CSS demo code out of sync with this specific completed lesson. No button, input, focus, etc. for new todo.

Jim
Jim
~ 7 years ago

when I jump around between code / discuss / transcript, and land on code again, it tells me it's only for pro account, yet I'm watching the video with the pro account, sounds strange?!

Michele Gerarduzzi
Michele Gerarduzzi
~ 6 years ago

Instead of having two separate functions to handle the input's onKeyUp and the button's onClick, it might have been simpler to wrap these elements in a form and using the onSubmit handler. What do you think? Is there a reason this wouldn't work?