From the course: HTML & CSS: Creating Forms
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Small-screen layout for forms - HTML Tutorial
From the course: HTML & CSS: Creating Forms
Small-screen layout for forms
- [Presenter] Now we're going to look at how to lay out a simple form, in this case, an appointment request form. Here is what it looks like without any styles added. We just have fields at the top and below that the address is in a field set to kind of bring everything together, and then preferred time within a field set. 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 HTML. So, think of how the form makes sense, the best order for all the fields, do that in the HTML, and then if you want to move things visually on the page, do that using CSS. The code we have for this exercise, it starts out on line 13 with our heading, below that we have several fields. Each field is within a div, which will make it easier to style them. Scrolling down, we have the address in a field set and the check boxes within another field set…
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.