Form Inputs - Checkbox, Radio, and Submit Buttons
► Forms allow us to collect information through user inputs. These include fields for entering text and elements we can click. Such as buttons, checkboxes, and dropdown menus that allow us to choose from a series of options.
There are many things that we can do with forms. They are an essential part of any website and one of the most important web concepts to learn. Google search is a form, Logging in to Facebook and Twitter is done with a form. Entering your payment details for an Amazon order is done with a form.
In the last section, we learned what forms are, how we use them, and then we looked at the various text-based form fields brought to us by the HTML input element.
In this section, we will discuss the many interactive clickable input types available to us. Namely, the checkbox, radio buttons, submit buttons, and dropdown menus.
Part 1: • Form Inputs - Text, Email, and Password
Part 3: • Build an HTML Form From Scratch
► Timestamps:
0:00 Start
1:29 Clickable input types
2:04 Checkboxes
2:29 The checked attribute
3:02 The checkbox hack
3:43 The date input
4:32 The time input
4:52 The color input
5:20 The file input
6:21 Radio buttons
8:16 Using the name attribute to associate radio buttons
9:52 The value attribute
10:39 Dropdown menus
12:50 Setting the default option in a dropdown menu
13:49 Submit inputs
14:58 HTTP 405 error
16:25 Reset buttons
17:16 Summary
► Get the code:
START CODE: https://codepen.io/craigabourne/pen/Q...
END CODE: https://codepen.io/craigabourne/pen/w...
GITHUB REPO: https://github.com/craigabourne/html-...
► Links used in the video:
The Checkbox Hack: https://css-tricks.com/the-checkbox-h...
HTML Input Types: https://www.w3schools.com/html/html_f...
HTML Input 'value' Attribute: https://www.w3schools.com/tags/att_in...
HTTP 405: https://developer.mozilla.org/en-US/d...
HTML Input Type 'reset': https://www.w3schools.com/tags/att_in...
► The HTML for Absolute Beginners Playlist: • HTML for Absolute Beginners
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Смотрите видео Form Inputs - Checkbox, Radio, and Submit Buttons онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Craig A. Bourne 13 Март 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,995 раз и оно понравилось 102 людям.