Loo veebisaitidele vormide loomine (praktiline juhend)

Siin saad teada, milles kursus seisneb ja mida oodata on.

Miks üldse peaks kasutama HTML-vorme ja kuidas see üldse toimib?

Siin luuakse projekt, kuhu integreeritakse esimene vorm.

Sa lood oma esimese lihtsa vormi ja õpid tundma põhistruktuuri.

Valgustame HTML-vormide mitmekülgseid kasutusvõimalusi veebirakendustes.

Sa õpid, kuidas JavaScripti abil kasutajate sisestatud andmeid lugeda ja töödelda.

Ma räägin vormide kujundusvõimalustest ja näitan erinevaid sisestusvälju.

Sa rakendad lihtsat e-posti valideerimist, et tagada, et sisestatud andmed vastavad e-posti vormingule.

Me tegeleme numbriliste sisendite ja nendega seotud attribuutidega, mis piiravad võimalikke väärtusi.

Sa õpid, kuidas JS-s käsitleda sündmusi, mis tekivad sisestusvälja sisu muutmisel.

Me süveneme sündmuste käsitlemise teemasse ja kasutame paindlikumate reaktsioonide jaoks addEventListener.

Üksikasjalik kokkuvõte erinevate sisend-tüüpide ja nende omaduste kohta.

Me selgitame peamised atribuudid, et juhtida sisestusväljade käitumist.

Sa õpid, kuidas teostada keerulisi valideerimisi regulaaravaldiste ja required-atribuudi abil.

Näitame sulle, kuidas saad oma vormidel õigekirjakontrolli sisse või välja lülitada.

Saad teada, kuidas luua paroolivälju.

Alustame märkeruutude põhialustest ja nende kasutusvõimalustest.

Sa õpid, kuidas JavaScripti abil lugeda ja seadistada märkeruutude olekut.

Näitan erinevaid võimalusi märkeruutude välimuse kohandamiseks.

Selgitan raadionuppude tööpõhimõtet ja kuidas neid oma vormides kasutada.

Sa õpid, kuidas lubada kasutajatel failide üleslaadimine.

Sa süvendad oma teadmisi failide üleslaadimise kohta ja õpid, kuidas saad valitud faili JavaScripti abil töödelda.

Ma arutan peidetud sisendiväljade kasutamist täiendava teabe edastamiseks.

Me koondame erinevad võimalused numbrite sisestamiseks.

Sa õpid, kuidas lubada määratud väärtuste vahemikuga Range-Sliderite abil ning kuidas rakendada liugurit.

Näitan sulle, kuidas sa kuupäeva ja kellaaja sisestusi oma vormides kasutad.

Me keskendume erilistele sisestusväljadele e-posti aadressidele ja URL-idele.

Saad teada, kuidas lubada värve värvivaliku väljal valida.

Ma tutvustan teile otsinguterminite ja telefoninumbrite sisestusvälju.

Sa õpid, kuidas saavutada mitmerealine tekstisisestus textarea-elemendiga.

Selgitan, kuidas luua valitavast loendist select-elemendi abil.

Sa õpid, kuidas saad rühmitada valikuid rippmenüüs.

Näitan sulle, kuidas luua sisestusväljade jaoks soovituste loendeid.

Sa õppid, kuidas lubada automaatne sisestuse täitmine.

Selgitan, kuidas struktureerida oma vormid fieldset-elementidega.

Põhjalik sissejuhatus klientpoolsesse vormide valideerimisse JavaScripti abil.

Näitan, kuidas saad serveris Node.js-i ja Expressiga saadetud vormiandmeid vastu võtta.

Sa õpid, kuidas saad kätte vormiandmed GET-meetodiga.

Selgitasin, kuidas saad POST-meetodil vormiandmeid vastu võtta.

Alustame Reacti projekti loomisega ja vormide integreerimisega.

Sa õpid, kuidas kasutada erinevaid sisendelemente Reactis.

Tegeleme Reactis vali- ja tekstiala- elementidega.

Näitan, kuidas JavaScripti raamistiku Alpine.js abil vorme käsitletakse.

Selgitan, kuidas sa vorme Vue.js rakendustesse integreerid.