Tutorial HTML in ROMANA - Cum faci un Formular in HTML

In acest video o sa iti arat cum creezi un formular in HTML, iar apoi o sa vedem tipurile de campuri pe care le poti avea intr-un formular.
La finalul acestui video, o sa facem un formular de inregistrare in care o sa validam datele introduse de utilizator folosind cateva atribute de HTML pentru tagul input.
👉 Lista de input-uri pe care le poti avea intr-un formular in HTML: developer.mozilla.org/en-US/d...
📺 Videoclipuri recomandate
===================================
👉 Tabel in HTML | Atributele colspan si rowspan: • Tutorial HTML in ROMAN...
👉 Elemente inline si block in HTML | Tag-urile div si span: • Tutorial HTML in ROMAN...
👉 Tutorial Visual Studio Code pentru incepatori: • Tutorial Visual Studio...
👉 Top 7 Extensii de Visual Studio Code pentru Web Development: • Top 7 Extensii de Visu...
===================================
🕗 Cuprins
===================================
00:00 - Introducere
00:28 - Ce este un formular, cum functioneaza si la ce se foloseste
03:00 - Cum faci un formular in HTML
04:17 - Input de tip text
07:23 - Input de tip email
08:52 - Buton de trimitere formular
10:24 - Input de tip number
11:38 - Input de tip date si datetime
12:27 - Input de tip color
12:49 - Tagul select (dropdown in HTML)
14:52 - Tagul textarea
15:49 - Input de tip radio
17:46 - Input de tip checkbox
19:36 - Formular de inregistrare in HTML
23:16 - Atributul placeholder
24:12 - Validarea datelor: atributele required, minlength si maxlength
27:30 - Buton de resetare a datelor din formular
===================================
🔔 Daca iti place canalul de KZbin te poti abona aici: / @devschoolro
🔥 Vrei sa ajuti acest canal?
===================================
👉 www.buymeacoffee.com/devschoolro
👉 www.revolut.me/mariusoprea95
===================================
💬 Unde ma gasesti
===================================
👉 devschool.ro/
👉 Email: [e-mail]
===================================

[@DevSchoolRo]

Diferentele dintre un element inline si un element block in HTML (plus tag-urile si ) 👉 kzbin.info/www/bejne/iKXRnKSOrrumpKM

[@devliroy]

bun si acest tutorial.

[@Andzerv]

Un clip foarte important, multumim

[@danurancov6971]

Esti foarte bun in explicații ,ma ajutat foarte mult ❤ Ești un om extraordinar .Mulțumesc ca ,Iti faci timp sa ne explici . Fii binecuvântat!

[@DevSchoolRo]

Mersi de feedback și spor la treabă!

[@andreibulgarasu3825]

#Marius esti de nota 10 !!!! Am inteles perfect cum ai explicat fiecare parte din acest video !!! Toata admiratia mea pentru munca depusa !!! Respect 💯❤

[@DevSchoolRo]

Multumesc, Andrei! Apreciez si ma bucur ca te-a ajutat 🙂

[@cmg836Carticitite]

Excelent !!! 👏👏👏 Mulțumesc mult !!! 🙏 Sper să mai fie alte tutoriale căci supervalue !!! 🍀

[@DevSchoolRo]

Urmează 🔥

[@cmg836Carticitite]

@@DevSchoolRo 🍀

[@return_1101]

Foarte interesant!! Acum fac scripturi de automatizare de completare formulare de contact.

[@DevSchoolRo]

Suna interesant, spor la treaba! ✌🏼

[@return_1101]

@@DevSchoolRo Mulțumesc. 🤗

[@emp.6422]

salut mi a placut tutorialul dar am o intrebare ce keyboard shortcut ai apasat la minutul 23:43 pentru ca atributele din cadrul input sa fie fiecare pe randuri diferite cum se vede in video. Apreciez❤

[@DevSchoolRo]

Salut. Scurtatura este cea de save, adică Ctrl + S. In VS Code am extensia “Prettier” instalată, iar din setări am activat opțiunea “Format on save” ca sa îmi formateze codul de fiecare data când dau save. Dacă vrei sa vezi cum se face asta, găsești pe canal un tutorial despre VS Code și prezint acolo cum se instalează extensia și cum se activează acea opțiune de formatare la save.

[@AlexutaBoitor]

@@DevSchoolRo Buna! Am urmat si eu pasii pe care i-ai prezentat in video legat de extensia "Prettier", Format on Save si bifa de acolo, dar dupa ce dau save tot nu imi aranjeaza codurile in ordine, oare am alta setare de care tine cont, ma poti ajuta te rog sa rezolv problema, este foarte frustrant pt mine, mereu trebuie sa stau sa vad care de unde porneste si unde se termina :))

[@DevSchoolRo]

@@AlexutaBoitor Buna. După ce deschizi VS Code încearcă sa faci așa: apeși CTRL + SHIFT + P > Format Document With… > Configure Default Formatter… > Prettier - Code formatter. După ce faci asta ar trebui sa meargă formatarea.

[@AlexutaBoitor]

@@DevSchoolRo Da, functioneaza.Iti multumesc tare mult pentru raspuns! :)

[@andreichivu8491]

Salut, sunt incepator si am o mica problema.Nu stiu mai exact ce am facut, dar la bara de Explorer din dreapta nu imi mai apare doar numele path ului ci dupa el imi apare si C:\\users\\... .Problema e ca nu imi apare nici optiunea pentru extensia live server cum imi aparea inainte.Daca imi poti explica cum sa fac sa imi apara doar numele path ului cum era inainte mi ar fi de mare folos.Multumesc anticipat.

[@andreichivu8491]

De adaugat ca atunci cand dau ctrl s nu il mai salveaza singur si imi apare window ul cu folderul unde au fost create proiectele respective.

[@DevSchoolRo]

Salut! Ce inteleg eu din ce ai scris este ca in bara de adrese din browser nu iti apare adresa cu localhost si iti apare cea cu C:\\users\\... Asa este? Daca asta este situatia, inseamna ca nu ai deschis fisierul de HTML cu LiveServer. Pentru a face asta, trebuie sa te duci in VS Code si prima data trebuie sa te asiguri ca ai instalata extensia LiveServer (te duci in stanga, pe tabul Extensions si vezi daca este instalata acea extensie. Daca nu este, o cauti si o instalezi -> daca nu te descurci, am un video pe canal despre extensii in VS Code si iti arat acolo cum se face). Dupa ce ai instalat extensia, te duci si dai click dreapta pe fisierul de HTML si alegi optiunea "Open with Live Server". Pentru problema cu Ctrl + S, trebuie sa apesi combinatia asta atunci cand esti in VS Code in fisierul de HTML ca sa il poti salva, nu cand esti in browser.

[@andreichivu8491]

@@DevSchoolRo Mersi frumos, am rezolvat-o aseara singur, nu deschisesem fisierul;)))

[@aurelia1965]

cum le aranjezi in css ca sa imi apara unele sub altele frumos? de ex cu o border)radius sa fie rotunjitacasuta si una sub alta nu imediat dupa cuvant!!!!

[@DevSchoolRo]

Dacă te referi cumva sa faci ca textul și inputul sa fie unul sub celălalt, poți pune textul intr-un tag de tip div și inputul într-un alt tag div.

[@mrspike847]

si, merge sau trebuie sa i facem noi partea de back end?

[@DevSchoolRo]

Ca un formular sa fie complet funcțional, trebuie făcută și partea de backend. De exemplu, dacă ai un formular de înregistrare, in frontend o sa ai structura și stilul formularului (HTML și CSS), iar pe backend o sa fie partea de logica (validarea datelor care vin din formular și adăugarea intr-o baza de date). Poți avea și cazuri mai simple unde nu ai nevoie de backend, spre exemplu dacă vrei sa salvezi date in local storage din browser. In cazul asta ai nevoie de JavaScript pe partea de frontend.

[@mrspike847]

@@DevSchoolRo ok, cand veti face un tutorial cu flexbox? sau sa facem o pagina care sa raspunda si in dimensiuni de telefon, am incercat multe chestii dar tot nu gasesc solutia

[@DevSchoolRo]

O sa urmeze un tutorial de flexbox după cursul de HTML și CSS. O sa fie si in curs un video despre Media Query cu care poți face o pagina sa fie responsive, adică sa o afișezi diferit in funcție de dimensiunea ecranului.

[@mrspike847]

@@DevSchoolRo abia asteptam!

[@cipriang.4952]

Salut, ai facut si un video despre cum sa fie functional, partea de backend?

[@ionut-valentinmanea7949]

Salutare! Ai un email sau un alt contact pentru mai multe întrebări?

[@DevSchoolRo]

Salut. Găsești în descrierea video-ului datele mele de contact