Quindi la prossima cosa che vogliamo fare qui è introdurre il tag del forum.
In questo momento quello che abbiamo è qualcosa che potremmo chiamare una forma in inglese, ma tecnicamente lo ha sganciato.
Non è considerato una forma.
Ha solo tre ingressi che non sono correlati.
Quindi ricorda il punto di una forma.
È solo un contenitore in cui inseriamo i nostri input.
Quindi sì, possono esistere individualmente individualmente al di fuori di un modulo ea volte lo avremo.
delle cose confezionate che vogliamo presentare insieme, allora ha senso per noi creare un tag form.
Ma se questa è una
Quindi ho intenzione di andare avanti e mettere questi dati nel tag form e salvarlo.
E ricorda in una forma che ci sono due attributi che abbiamo discusso.
C'è azione in cui il modulo invia i dati.
E poi c'è anche il metodo che è il metodo HTP GET o POST.
E proprio come un aggiornamento che il comando scorciatoia taglia per ottenere il commento.
OK.
Quindi se aggiorna la pagina non cambierà nulla o apparirà come se nulla fosse cambiato.
C'è un solo piccolo cambiamento.
Quindi se aggiungo del testo qui e non ho il tag del modulo o aggiorno la pagina vedrai che tutto è in linea non appena
aggiungo il tag del modulo Tuttavia il modulo spinge è un blocco di Allaman che spinge verso il basso quel
testo alla nuova riga.
Quindi, una cosa molto piccola, ma a parte questo sembra identico, c'è un cambiamento funzionalmente attraverso la mia
forma.
Ora, se aggiorno la pagina, effettivamente fa qualcosa che non è molto impressionante.
Ma se riempio il mio nome utente e password e premo invio.
Fai attenzione qui e vedrai la mia pagina in realtà aggiornare i miei dati scompare.
Questo pulsante per aggiornare la pagina viene attivato brevemente come puoi vedere.
Quindi il mio modulo viene inviato.
Il fatto è che è stato mandato nello stesso posto in cui sono attualmente.
Quindi, per impostazione predefinita, se non specifichi un'azione, andrà nello stesso identico luogo in cui sono
appena aggiornato la pagina.
E se non specifichi un metodo sarà una richiesta GET.
Quindi potremmo entrare e cambiarlo.
Potremmo dire che azione e metodo sono uguali.
E cambiamo qualcos'altro, facciamo un'azione uguale alla barra dei due punti di HTP. Il metodo con le dot di Wikipedia sarebbe una
richiesta GET o aggiorna la pagina, inseriamo alcuni dati qui.
Compila il mio modulo, fai clic su Invia.
Questa volta non invierà la richiesta alla stessa pagina che sto per inviare una richiesta
a Wikipedia e tecnicamente questa dovrebbe essere Wikipedia.
Ma sono abbastanza intelligenti da rendersi conto che la gente prova e va a dot com tutto il tempo e
si limita a reindirizzare a dot org.
OK, questo è un punto d'azione, è il luogo in cui inviamo i dati.
Ovviamente non invieremo dati su Wikipedia o Google o Facebook da un forum.
Lo invieremo al nostro stesso server e lo creeremo, ma non lo abbiamo ancora.
Quindi per ora stiamo solo dimostrando che possiamo modificare dove vanno i dati alterando l'azione.
Quindi ho intenzione di andare avanti e sbarazzarmi di entrambi e di mantenerlo come forma in cui l'azione sta per
aggiornare la stessa pagina su cui stiamo lavorando e il metodo sta per essere ottenuto.
E se ti senti confuso, passeremo molto tempo a parlare di richieste e
metodi e azioni HTP.
Quindi ci arriveremo.
Per ora questo è puramente il front end della creazione della forma.
Quindi c'è un'altra cosa di cui voglio parlare qui è che quando effettivamente presentiamo questo
modulo i dati vengono inviati insieme a questa richiesta e c'è un modo per noi di vederlo.
Quindi se diamo un nome a ogni pezzo di dati che vogliamo inviare.
Quindi è un attributo nome.
Ho intenzione di chiamarlo nome utente sul nome utente e mettere e poi ho intenzione di dire il
nome equivale alla password sull'input della password e lo salvo.
Digito in un nome utente la password sarà test uno due tre.
Fai attenzione qui quando invio questo e vedrai che i miei dati vengono aggiunti in questo nuovo formato che non abbiamo
visto.
Si chiama una stringa di query.
Un altro di questi argomenti dedicherà molto più tempo a ed esprimeremo.
Fondamentalmente è un punto interrogativo seguito da coppie di valori chiave separate da e commerciali.
Quindi ho un nome utente che è il nome che ho impostato.
Uguali resti che è il valore da quella password di input è il nome che ho impostato.
Uguale al test 1 2 3.
Quindi il punto è che possiamo dare nomi ai dati grezzi per i nostri dati in
modo che possiamo recuperarli in seguito.
Quindi ovviamente non invieremo una password attraverso l'Euro.
In realtà non ti consente di conoscere un utente che nessun utente vede la password.
E questo perché usiamo solitamente una richiesta di posta piuttosto che una richiesta di ottenere.
Ci sono modi per aggirare questo.
Di nuovo questo è tutto per più tardi nella classe.
Ma ciò che è importante è che questo non è qualcosa che ti sto mostrando perché lo farai tutto il tempo.
Te lo sto mostrando perché illustra il fatto che quando scriviamo qualcosa in un modulo e gli diamo dei
dati e loro fanno clic su invia i dati vengono estratti da tale modulo e una richiesta viene inviata da qualche parte.
E in questo caso viene inviato nello stesso identico luogo in cui ci troviamo già.
Ma se cambiamo questo per essere azione e tornare su Wikipedia Wikipedia o
usiamo il nome Rusty
password test uno due tre che vedrai mi porta su Wikipedia.
E aggiunge qui i miei dati.
Pertanto, abbiamo inviato correttamente una richiesta utilizzando tale modulo.
E in quella richiesta i dati sono stati estratti dai campi username e password e poi
inviati insieme alla richiesta.
Quindi questo è il fondamento di tutti i tipi di forme che faremo.
Non è sempre una richiesta di ottenere ma i nostri moduli in seguito estrarranno i dati inviati da qualche parte
e poi elaboreremo i dati e li riceveremo sul retro backend