From the course: HTML and CSS: Creating Forms
Join today to access over 25,300 courses taught by industry experts.
Small-screen layout for forms
From the course: HTML and CSS: Creating Forms
Small-screen layout for forms
- [Instructor] We're going to look at how to layout a simple form. In this case, an appointment request form. We'll do a small screen layout in this video and then a wider screen layout of the same page in the next video. Here's what it looks like without any styles added. We have a few basic fields at the top, below that, the address, and below that, the preferred appointment time. When you're deciding what order to put the fields in on a form, remember that you can rearrange everything on the page using CSS, but people who are using screen readers will get the order that everything was coded in the HTML. So, think of how the order of the fields would work best if going from one to the next. Looking at the HTML, the first three inputs are each in a paragraph element along with a corresponding label. Next, we have a field set that contains the address. Text inputs for number and street and city, then a select element for the list of states, and below that, the zip code field. On the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.