Tutto ok.
Quindi nei prossimi video concentreremo su ogni team tutte le forme, quindi le forme sono il modo in cui riceviamo input
da un utente, sia che si tratti di iscriversi a una pagina per commentare una foto, sia di caricare una foto per scegliere un colore
da selezionare una data.
Ci sono così tante cose diverse da fare con le forme ed è in realtà relativamente semplice e lo ha
eliminato.
Ci sono solo due elementi importanti che impareremo qui.
finiremo per conoscere le convalide dei nostri dati come faremo in modo che qualcuno riempia parte della riforma.
Quindi concentreremo l'attenzione sul tag form sul tag di input sul tag label e poi
Qualcuno non può lasciare la nostra password vuota o l'email vuota o qualcosa del genere.
Quindi, per iniziare, facciamo solo un rapido esame di alcune delle forme che incontri nella vita di tutti i giorni.
Quindi ho alcune immagini qui da siti come Twitter Facebook Google.
Diamo un'occhiata e rompiamo alcuni di questi.
Quindi, ecco il modulo di accesso per Facebook.
Abbiamo un posto dove possiamo digitare del testo nel testo e inserire un altro input in cui digitiamo
le password.
Molto probabilmente quando si digita la password lì è punteggiata in modo da non vedere effettivamente la password.
E poi una casella di controllo.
E quando clicchiamo su questo pulsante, invia questa intera cosa.
Quindi li raggruppa insieme.
Non abbiamo un pulsante per la posta elettronica un pulsante per la password un pulsante per la casella di controllo.
Va tutto in una volta.
La stessa cosa qui quando ci iscriviamo.
Abbiamo più input cinque diversi input di testo in tre diversi menu a discesa.
Questi sono chiamati tag select e quindi due cose chiamati pulsanti radio.
E infine un pulsante di iscrizione che prenderà tutto questo e lo invierà da qualche parte
per Facebook.
Quindi quello che impareremo oggi è il tag straniero e queste forme saranno un po 'stupide.
Non faranno davvero nulla.
Abbiamo bisogno di avere un back-end configurato.
Abbiamo bisogno di un database, abbiamo bisogno di un po 'di logica e del codice di back-end per fare qualsiasi cosa con il modulo.
Quindi per ora sembreranno che questo sarà in grado di ricreare questo.
Ma quando fai clic su registrati o fai clic su Accedi o esegui una ricerca su Google, i nostri forum
faranno effettivamente una qualsiasi logica.
Saranno il front-user a dover affrontare una parte delle cose.
Quindi la prima cosa è il tag del forum.
Quindi il tag del forum è fondamentalmente una shell o un contenitore per tutti questi diversi tipi di input.
Quindi questo è un tag forum su tutto questo.
Questo potrebbe essere un tag form attorno a tutti questi e così via.
Ecco un altro tag form semplicemente creando un tag del forum in realtà non vedi nulla sulla pagina.
Lo vedremo tra un secondo.
Fondamentalmente è solo un contenitore e inseriamo tutti i nostri diversi input.
Quindi caselle di controllo e pulsanti e lasciati su menu e immagini colorate vanno tutti all'interno di un uovo formato.
Quindi ci sono due attributi importanti che trascorreranno un po 'più di tempo con questo quando arriveremo al back-end.
Quindi cerca di non rimanere impigliato esattamente su come funziona, ma un modulo invierà una richiesta da qualche
parte, inviando i dati dal modulo a un server da qualche parte.
Quindi la prima parte dell'azione specificherà dove inviare i dati.
Sta andando a Google.
Sta per iscriversi alla pagina, sta per uscire, impareremo molto di più sul modo in cui
lo facciamo nella sezione back-end di questa classe.
E poi la seconda parte è il tipo di richiesta HSDPA da inviare.
Quindi potremmo inviare una richiesta di ricezione o inviare una richiesta di posta.
E ancora questa è un'altra cosa su cui passeremo molto più tempo.
Ma la semplice versione generalizzata è una richiesta get quando facciamo qualcosa come cercare o recuperare
i dati che stiamo cercando di ottenere informazioni e facciamo una richiesta post quando inviamo dati
che vogliamo essere aggiunti a un database pubblicato a un server.
Quindi, in questi esempi, qui quando esegui una ricerca su Google, premi Invio o fai clic su e esegui una
ricerca per fare una richiesta.
In realtà non aggiunge nulla al database.
Non sta cambiando nulla.
È solo una ricerca di dati.
Sta ricevendo dati è una richiesta di ottenere.
Questi qui però per iscriversi a Facebook o iscriversi a Twitter.
e fai clic su Iscriviti, prende i tuoi dati e li aggiunge effettivamente al database di Twitter.
Queste saranno richieste dopo che hai digitato i dati
Quindi, di nuovo, lavoreremo su questo un bel po 'più avanti in questa classe.
Quindi per ora basta avere familiarità con l'azione e il metodo e il fatto che esistono.
Quindi il tag di input è ciò che effettivamente entra nelle nostre forme.
È ciò che sta per creare i diversi input che vediamo qui, un input di testo una password, un
pulsante di opzione.
In realtà non crea un menu a discesa.
nell'esercizio successivo, ma crea ogni sorta di input diversi per l'input dell'utente.
Quindi ne parleremo
Quindi ho alcuni esempi qui.
Sono tutti esattamente uguali tranne per questo attributo di tipo.
Quindi se il tipo è uguale al testo, otteniamo un tipo di casella uguale alla data.
Questo tipo di datario è uguale al colore.
Ottieni un raccoglitore di colori File di Eiffel otteniamo un tipo di selezione di file Pickle's checkbox.
Riceviamo una casella di controllo.
Quindi in realtà sto per tirare su endian e cercare input.
E mentre lo faccio, vedrai mentre scorro verso il basso per gli attributi sotto il tipo c'è una lista di tutti
i possibili tipi che possiamo specificare.
E ce ne sono circa 30 o 40 qui.
E ad essere onesti, qui c'è molto che probabilmente non avrai mai bisogno di usare.
Ma ce ne sono alcuni che usi sempre.
E quindi ci concentreremo davvero su quelli.
Quelli sono cose come il testo della data e-mail della password, quindi alcuni di quelli come il colore.
Non si può usare molto spesso.
Sicuramente avremmo avuto più possibilità di fare foto a colori.
È il mio preferito degli input, ma voglio che tu sappia che ci sono molte scelte diverse qui.
Quindi, per creare un modulo, prendiamo semplicemente un tag form e lo riempiamo con alcuni tag di input.
Quindi, ecco un esempio molto semplice.
Abbiamo due input.
Uguale al tipo di testo Password di Pickle e ci rende questo bel modulo qui.
E puoi vedere che mentre compiamo questo tipo di testo uguale a quello che appare come testo normale.
E mentre compiliamo il tipo equivale alla password, fornisce solo quei campi tratteggiati della password nascosta.