Learn how the text, email, and URL input types work, and when they should be used.
- [Instructor] The most basic type of input field is text.…Several other input types are similar,…but have special features for entering…certain types of information.…In this video we'll look at the text,…email, and URL input types.…First, the text input type.…This is the most basic and is supported in all browsers,…even very old ones.…You can use this for pretty much any type of data…that can be typed in,…such as letters, numbers, and symbols.…It only accepts single line entry…and the browser will strip out any line breaks.…
To accept data with line breaks…you'll need to use a text area element,…which we'll look at in another video.…So to start out I already have my form tags in place…and a submit button,…so I'm just going to be adding an input field now.…I'm going to go directly in the line…after the opening form tag…and do input type = text.…I also need to add an id and a name on here.…
And I'm going to call them name,…because the question I'm going to be asking…of the user is their name.…And then I need to add a label,…
- How users interact with forms
- Designing forms that are easy to use
- Following data privacy laws when collecting information
- Choosing which HTML input types to use
- Adding buttons
- Adding interactive validation
- Styling form fields with CSS
- Using positioning and flexbox to create responsive form layouts
Skill Level Beginner
1. Designing a Form Experience
2. Creating Forms with HTML
3. Making Forms Interactive
4. Styling Form Fields with CSS
5. Form Layout with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.