1
00:00:00,750 --> 00:00:04,530
Quindi la prossima cosa che vogliamo fare qui è introdurre il tag del forum.

2
00:00:04,800 --> 00:00:10,280
In questo momento quello che abbiamo è qualcosa che potremmo chiamare una forma in inglese, ma tecnicamente lo ha sganciato.

3
00:00:10,320 --> 00:00:11,860
Non è considerato una forma.

4
00:00:11,970 --> 00:00:15,210
Ha solo tre ingressi che non sono correlati.

5
00:00:15,210 --> 00:00:16,730
Quindi ricorda il punto di una forma.

6
00:00:16,740 --> 00:00:19,360
È solo un contenitore in cui inseriamo i nostri input.

7
00:00:19,380 --> 00:00:24,110
Quindi sì, possono esistere individualmente individualmente al di fuori di un modulo ea volte lo avremo.

8
00:00:24,330 --> 00:00:30,600
delle cose confezionate che vogliamo presentare insieme, allora ha senso per noi creare un tag form.

9
00:00:30,600 --> 00:00:32,370
Ma se questa è una

10
00:00:33,150 --> 00:00:39,970
Quindi ho intenzione di andare avanti e mettere questi dati nel tag form e salvarlo.

11
00:00:40,740 --> 00:00:45,010
E ricorda in una forma che ci sono due attributi che abbiamo discusso.

12
00:00:45,020 --> 00:00:53,640
C'è azione in cui il modulo invia i dati.

13
00:00:53,640 --> 00:01:03,940
E poi c'è anche il metodo che è il metodo HTP GET o POST.

14
00:01:04,080 --> 00:01:08,800
E proprio come un aggiornamento che il comando scorciatoia taglia per ottenere il commento.

15
00:01:09,330 --> 00:01:10,570
OK.

16
00:01:10,680 --> 00:01:15,900
Quindi se aggiorna la pagina non cambierà nulla o apparirà come se nulla fosse cambiato.

17
00:01:15,900 --> 00:01:18,310
C'è un solo piccolo cambiamento.

18
00:01:18,390 --> 00:01:29,730
Quindi se aggiungo del testo qui e non ho il tag del modulo o aggiorno la pagina vedrai che tutto è in linea non appena

19
00:01:29,730 --> 00:01:38,850
aggiungo il tag del modulo Tuttavia il modulo spinge è un blocco di Allaman che spinge verso il basso quel

20
00:01:38,850 --> 00:01:40,750
testo alla nuova riga.

21
00:01:41,130 --> 00:01:49,080
Quindi, una cosa molto piccola, ma a parte questo sembra identico, c'è un cambiamento funzionalmente attraverso la mia

22
00:01:49,080 --> 00:01:49,530
forma.

23
00:01:49,530 --> 00:01:53,660
Ora, se aggiorno la pagina, effettivamente fa qualcosa che non è molto impressionante.

24
00:01:53,700 --> 00:01:58,820
Ma se riempio il mio nome utente e password e premo invio.

25
00:01:58,860 --> 00:02:04,710
Fai attenzione qui e vedrai la mia pagina in realtà aggiornare i miei dati scompare.

26
00:02:04,850 --> 00:02:10,350
Questo pulsante per aggiornare la pagina viene attivato brevemente come puoi vedere.

27
00:02:10,470 --> 00:02:13,140
Quindi il mio modulo viene inviato.

28
00:02:13,140 --> 00:02:16,910
Il fatto è che è stato mandato nello stesso posto in cui sono attualmente.

29
00:02:16,920 --> 00:02:21,300
Quindi, per impostazione predefinita, se non specifichi un'azione, andrà nello stesso identico luogo in cui sono

30
00:02:21,300 --> 00:02:22,410
appena aggiornato la pagina.

31
00:02:22,560 --> 00:02:26,580
E se non specifichi un metodo sarà una richiesta GET.

32
00:02:27,060 --> 00:02:28,770
Quindi potremmo entrare e cambiarlo.

33
00:02:28,810 --> 00:02:33,250
Potremmo dire che azione e metodo sono uguali.

34
00:02:33,270 --> 00:02:45,240
E cambiamo qualcos'altro, facciamo un'azione uguale alla barra dei due punti di HTP. Il metodo con le dot di Wikipedia sarebbe una

35
00:02:46,030 --> 00:02:51,750
richiesta GET o aggiorna la pagina, inseriamo alcuni dati qui.

36
00:02:51,870 --> 00:02:54,090
Compila il mio modulo, fai clic su Invia.

37
00:02:54,090 --> 00:02:59,490
Questa volta non invierà la richiesta alla stessa pagina che sto per inviare una richiesta

38
00:03:03,420 --> 00:03:06,220
a Wikipedia e tecnicamente questa dovrebbe essere Wikipedia.

39
00:03:06,540 --> 00:03:10,780
Ma sono abbastanza intelligenti da rendersi conto che la gente prova e va a dot com tutto il tempo e

40
00:03:10,780 --> 00:03:12,160
si limita a reindirizzare a dot org.

41
00:03:13,020 --> 00:03:16,120
OK, questo è un punto d'azione, è il luogo in cui inviamo i dati.

42
00:03:16,140 --> 00:03:21,530
Ovviamente non invieremo dati su Wikipedia o Google o Facebook da un forum.

43
00:03:21,600 --> 00:03:26,940
Lo invieremo al nostro stesso server e lo creeremo, ma non lo abbiamo ancora.

44
00:03:27,240 --> 00:03:32,910
Quindi per ora stiamo solo dimostrando che possiamo modificare dove vanno i dati alterando l'azione.

45
00:03:33,510 --> 00:03:39,900
Quindi ho intenzione di andare avanti e sbarazzarmi di entrambi e di mantenerlo come forma in cui l'azione sta per

46
00:03:39,900 --> 00:03:44,510
aggiornare la stessa pagina su cui stiamo lavorando e il metodo sta per essere ottenuto.

47
00:03:45,180 --> 00:03:50,880
E se ti senti confuso, passeremo molto tempo a parlare di richieste e

48
00:03:50,910 --> 00:03:52,660
metodi e azioni HTP.

49
00:03:53,070 --> 00:03:54,350
Quindi ci arriveremo.

50
00:03:54,360 --> 00:03:58,630
Per ora questo è puramente il front end della creazione della forma.

51
00:03:58,740 --> 00:04:04,380
Quindi c'è un'altra cosa di cui voglio parlare qui è che quando effettivamente presentiamo questo

52
00:04:04,380 --> 00:04:10,850
modulo i dati vengono inviati insieme a questa richiesta e c'è un modo per noi di vederlo.

53
00:04:10,860 --> 00:04:15,250
Quindi se diamo un nome a ogni pezzo di dati che vogliamo inviare.

54
00:04:15,300 --> 00:04:16,720
Quindi è un attributo nome.

55
00:04:17,010 --> 00:04:23,370
Ho intenzione di chiamarlo nome utente sul nome utente e mettere e poi ho intenzione di dire il

56
00:04:23,870 --> 00:04:27,550
nome equivale alla password sull'input della password e lo salvo.

57
00:04:27,550 --> 00:04:32,060
Digito in un nome utente la password sarà test uno due tre.

58
00:04:32,160 --> 00:04:40,680
Fai attenzione qui quando invio questo e vedrai che i miei dati vengono aggiunti in questo nuovo formato che non abbiamo

59
00:04:40,680 --> 00:04:41,250
visto.

60
00:04:41,250 --> 00:04:42,720
Si chiama una stringa di query.

61
00:04:42,750 --> 00:04:46,580
Un altro di questi argomenti dedicherà molto più tempo a ed esprimeremo.

62
00:04:46,710 --> 00:04:52,410
Fondamentalmente è un punto interrogativo seguito da coppie di valori chiave separate da e commerciali.

63
00:04:52,860 --> 00:04:55,830
Quindi ho un nome utente che è il nome che ho impostato.

64
00:04:55,950 --> 00:05:00,850
Uguali resti che è il valore da quella password di input è il nome che ho impostato.

65
00:05:00,900 --> 00:05:04,120
Uguale al test 1 2 3.

66
00:05:04,290 --> 00:05:09,150
Quindi il punto è che possiamo dare nomi ai dati grezzi per i nostri dati in

67
00:05:09,150 --> 00:05:10,890
modo che possiamo recuperarli in seguito.

68
00:05:10,890 --> 00:05:14,830
Quindi ovviamente non invieremo una password attraverso l'Euro.

69
00:05:14,940 --> 00:05:19,060
In realtà non ti consente di conoscere un utente che nessun utente vede la password.

70
00:05:19,290 --> 00:05:23,830
E questo perché usiamo solitamente una richiesta di posta piuttosto che una richiesta di ottenere.

71
00:05:23,850 --> 00:05:25,690
Ci sono modi per aggirare questo.

72
00:05:25,710 --> 00:05:27,550
Di nuovo questo è tutto per più tardi nella classe.

73
00:05:27,630 --> 00:05:31,380
Ma ciò che è importante è che questo non è qualcosa che ti sto mostrando perché lo farai tutto il tempo.

74
00:05:31,410 --> 00:05:36,540
Te lo sto mostrando perché illustra il fatto che quando scriviamo qualcosa in un modulo e gli diamo dei

75
00:05:36,540 --> 00:05:42,420
dati e loro fanno clic su invia i dati vengono estratti da tale modulo e una richiesta viene inviata da qualche parte.

76
00:05:42,570 --> 00:05:45,670
E in questo caso viene inviato nello stesso identico luogo in cui ci troviamo già.

77
00:05:45,810 --> 00:05:53,190
Ma se cambiamo questo per essere azione e tornare su Wikipedia Wikipedia o

78
00:05:57,920 --> 00:05:59,960
usiamo il nome Rusty

79
00:06:02,870 --> 00:06:09,080
password test uno due tre che vedrai mi porta su Wikipedia.

80
00:06:09,420 --> 00:06:11,220
E aggiunge qui i miei dati.

81
00:06:11,280 --> 00:06:14,530
Pertanto, abbiamo inviato correttamente una richiesta utilizzando tale modulo.

82
00:06:14,910 --> 00:06:21,480
E in quella richiesta i dati sono stati estratti dai campi username e password e poi

83
00:06:21,480 --> 00:06:23,240
inviati insieme alla richiesta.

84
00:06:23,280 --> 00:06:27,030
Quindi questo è il fondamento di tutti i tipi di forme che faremo.

85
00:06:27,030 --> 00:06:32,540
Non è sempre una richiesta di ottenere ma i nostri moduli in seguito estrarranno i dati inviati da qualche parte

86
00:06:32,940 --> 00:06:35,940
e poi elaboreremo i dati e li riceveremo sul retro backend