Тёмный

HTML - The Label Element 

HTML Tutorials
Подписаться 1,5 тыс.
Просмотров 56 тыс.
50% 1

HTML Forms
The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.
1. Form Basics
To learn about forms, we’re going to create a simple sign up form for an imaginary web app. Our form won’t actually submit anywhere, since that requires additional server-side code. However, we will learn about all the most important HTML form elements.
1:37
Overview of Forms
3:11
The Form Element
5:30
The Input Element
2:08
The Textarea Element
2:06
The Button Element
2. Organizing Forms
A form can be created with just a form element and some controls, but it's helpful to the user if the form is organized with labels and fieldset elements.
4:05
The Label Element
3:39
Fieldsets and Legends
3. Choosing Options
Sometimes when creating a form, it's better for the user to choose from predefined options rather than typing in text. This can be accomplished with select menus, radio buttons, and checkboxes.
6:40
Select Menus
5:38
Radio Buttons
4:15
Checkboxes
1:20
Going Further

Опубликовано:

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@ellenniles660
@ellenniles660 3 года назад
Thank you for the quick video explanation. The working examples really make it clear how everything lines up.
@jayshiku
@jayshiku 3 года назад
I am new to HTML and this label bit had me confused. Thank you for this.
@arafatrahman4047
@arafatrahman4047 6 лет назад
many many thanks brother ,,, for this tutorial
@gowthamginfinity
@gowthamginfinity Год назад
thank you brother
@Harsha_47
@Harsha_47 2 года назад
thank you
@PrAsHaNtHdUke1093
@PrAsHaNtHdUke1093 3 года назад
thanks a lot bro... post more videos
@paulhetherington3854
@paulhetherington3854 2 года назад
X- a whole element. Label is in - circuit X.
@jamalmonawer1964
@jamalmonawer1964 4 года назад
Thanks a lot
@Aminulbd1
@Aminulbd1 7 лет назад
thanks boss.
@linguaray8315
@linguaray8315 5 лет назад
thank u
@paulhetherington3854
@paulhetherington3854 2 года назад
/4 signa w''(8x' -> 4xyX''rRo') for labels AVN in A1-cells / headers - arraylist / /aka 8 - 4 frqsz u temporized labels light blue - dark blue from R-L shifts in cell headers tachron - compilers = active fire wallsz //use legit QRST wavesz as radio navigator - templatesz of steel shapesz - lines - mechanical design //AKA Mercedes Benz Compresor(Germanic) modelsz //where (4y'' u rRo' xX''V(w'')pMva''') display as hexagonal hollogramsz - 3-D active tachron(V-game) reads /
@LucianoClassicalGuitar
@LucianoClassicalGuitar 2 года назад
Great and easy video to follow. Freecodecamp is great but sucks at explaining stuff.
@creationstudios8715
@creationstudios8715 4 года назад
Love this video he really explains it well
@paulhetherington3854
@paulhetherington3854 2 года назад
HTML txt fields, fade in / out. Hence; default - only works, vs no other - active field. You need, triple matrix field - Bin commandsz. You will catch / many a hack.
@northcote3070
@northcote3070 2 года назад
1:21 i will be clicking on the white space where I can type not on the NAME: .
@TheJordon125
@TheJordon125 8 лет назад
i get this but would i not just type in name in text above the input field,which creates the same visual representation, except for that click feauture???????????
@TheJordon125
@TheJordon125 8 лет назад
good video by the way
@lalaithan
@lalaithan 6 лет назад
Accessibility for visually-impaired.
@Sadaf_gazala
@Sadaf_gazala 2 года назад
Thhhhkkksss for the explainationnnn
@andreiinteamo2981
@andreiinteamo2981 6 лет назад
thx good explain
@PepiVibes
@PepiVibes 2 года назад
Thank you!
@fragrantbloom
@fragrantbloom 2 года назад
Thank you!
@itsOmSarraf
@itsOmSarraf Год назад
Thanks :)
@LoktionBanger
@LoktionBanger 5 лет назад
Hy, is this applicable to hmtl 5? Is the 'for' tag still being used?
@chrisreybastian5549
@chrisreybastian5549 Год назад
7 years ago but still helpful
@pgrmoja
@pgrmoja 7 лет назад
there is no reason for a placeholder if you have a label already right??
@popoporifox4229
@popoporifox4229 7 лет назад
its just safe to have booth, but I think placeholder is more practical than label. Otherwise label can be used to direct the user to input if the design is hard to navigate. I hope this help =)
@lalaithan
@lalaithan 6 лет назад
Popopori Pori Placeholders can cause confusion and users tend to leave them blank. Labels are smarter accessibility-wise.
@csikosghost4302
@csikosghost4302 3 года назад
I'm still slightly confused, how do I access what they inputted?
@david-stewart
@david-stewart 3 года назад
Within the form coding, you specify a URL for the data to be sent to. But this video is solely concentrating on labels.
@rakibulhashanrabbi
@rakibulhashanrabbi 4 года назад
Good!!!!
@vk-fb4ox
@vk-fb4ox 3 года назад
awesome. thanks
@soewaiyanaung9168
@soewaiyanaung9168 3 года назад
it really really helpful thanks
@leticiaespino7251
@leticiaespino7251 3 года назад
Great Short explanation.
@beatzoid
@beatzoid 3 года назад
Thank you so much!
@14amina1
@14amina1 3 года назад
Thank you!
@svenp6592
@svenp6592 2 года назад
great video!
@orenelias_art
@orenelias_art 7 лет назад
good vid thanks
@rejowanahmed6819
@rejowanahmed6819 4 года назад
Thanks!
@ravense8337
@ravense8337 4 года назад
Thank you!
@RamisaAnjum
@RamisaAnjum 6 лет назад
Thanks a lot!
Далее
HTML - Fieldsets and Legends
3:40
Просмотров 20 тыс.
Learn HTML Forms In 25 Minutes
24:56
Просмотров 974 тыс.
Bearwolf - GODZILLA Пародия Beatrise
00:33
Просмотров 78 тыс.
A flexbox trick to improve text wrapping
5:02
Просмотров 216 тыс.
HTML Label vs Label for attribute Tutorial
4:10
Просмотров 2,4 тыс.
Learn HTML forms in 8 minutes 📝
8:39
Просмотров 347 тыс.
The Input Element
5:31
Просмотров 4,9 тыс.
HTML: table, tr, td
5:53
Просмотров 13 тыс.
Input & Forms | HTML | Tutorial 14
9:09
Просмотров 79 тыс.