1
00:00:01,200 --> 00:00:01,520
Tutto ok.

2
00:00:01,530 --> 00:00:07,050
Quindi nei prossimi video concentreremo su ogni team tutte le forme, quindi le forme sono il modo in cui riceviamo input

3
00:00:07,590 --> 00:00:14,010
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

4
00:00:14,010 --> 00:00:14,910
da selezionare una data.

5
00:00:14,940 --> 00:00:19,650
Ci sono così tante cose diverse da fare con le forme ed è in realtà relativamente semplice e lo ha

6
00:00:19,650 --> 00:00:19,840
eliminato.

7
00:00:19,840 --> 00:00:23,450
Ci sono solo due elementi importanti che impareremo qui.

8
00:00:24,270 --> 00:00:30,840
finiremo per conoscere le convalide dei nostri dati come faremo in modo che qualcuno riempia parte della riforma.

9
00:00:30,840 --> 00:00:36,600
Quindi concentreremo l'attenzione sul tag form sul tag di input sul tag label e poi

10
00:00:36,600 --> 00:00:41,860
Qualcuno non può lasciare la nostra password vuota o l'email vuota o qualcosa del genere.

11
00:00:41,910 --> 00:00:46,900
Quindi, per iniziare, facciamo solo un rapido esame di alcune delle forme che incontri nella vita di tutti i giorni.

12
00:00:46,980 --> 00:00:51,330
Quindi ho alcune immagini qui da siti come Twitter Facebook Google.

13
00:00:51,690 --> 00:00:54,280
Diamo un'occhiata e rompiamo alcuni di questi.

14
00:00:54,300 --> 00:00:57,420
Quindi, ecco il modulo di accesso per Facebook.

15
00:00:57,600 --> 00:01:03,530
Abbiamo un posto dove possiamo digitare del testo nel testo e inserire un altro input in cui digitiamo

16
00:01:03,530 --> 00:01:04,050
le password.

17
00:01:04,140 --> 00:01:07,920
Molto probabilmente quando si digita la password lì è punteggiata in modo da non vedere effettivamente la password.

18
00:01:08,340 --> 00:01:09,990
E poi una casella di controllo.

19
00:01:10,260 --> 00:01:14,500
E quando clicchiamo su questo pulsante, invia questa intera cosa.

20
00:01:14,640 --> 00:01:16,160
Quindi li raggruppa insieme.

21
00:01:16,290 --> 00:01:20,370
Non abbiamo un pulsante per la posta elettronica un pulsante per la password un pulsante per la casella di controllo.

22
00:01:20,370 --> 00:01:22,110
Va tutto in una volta.

23
00:01:22,110 --> 00:01:23,910
La stessa cosa qui quando ci iscriviamo.

24
00:01:23,910 --> 00:01:29,560
Abbiamo più input cinque diversi input di testo in tre diversi menu a discesa.

25
00:01:29,580 --> 00:01:33,790
Questi sono chiamati tag select e quindi due cose chiamati pulsanti radio.

26
00:01:34,050 --> 00:01:39,900
E infine un pulsante di iscrizione che prenderà tutto questo e lo invierà da qualche parte

27
00:01:39,900 --> 00:01:40,760
per Facebook.

28
00:01:41,100 --> 00:01:48,210
Quindi quello che impareremo oggi è il tag straniero e queste forme saranno un po 'stupide.

29
00:01:48,450 --> 00:01:51,730
Non faranno davvero nulla.

30
00:01:51,870 --> 00:01:53,940
Abbiamo bisogno di avere un back-end configurato.

31
00:01:53,950 --> 00:01:58,050
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.

32
00:01:58,050 --> 00:02:02,450
Quindi per ora sembreranno che questo sarà in grado di ricreare questo.

33
00:02:02,640 --> 00:02:08,340
Ma quando fai clic su registrati o fai clic su Accedi o esegui una ricerca su Google, i nostri forum

34
00:02:08,340 --> 00:02:09,790
faranno effettivamente una qualsiasi logica.

35
00:02:10,110 --> 00:02:13,550
Saranno il front-user a dover affrontare una parte delle cose.

36
00:02:13,950 --> 00:02:15,780
Quindi la prima cosa è il tag del forum.

37
00:02:16,080 --> 00:02:22,920
Quindi il tag del forum è fondamentalmente una shell o un contenitore per tutti questi diversi tipi di input.

38
00:02:22,920 --> 00:02:26,710
Quindi questo è un tag forum su tutto questo.

39
00:02:26,910 --> 00:02:30,570
Questo potrebbe essere un tag form attorno a tutti questi e così via.

40
00:02:30,570 --> 00:02:36,030
Ecco un altro tag form semplicemente creando un tag del forum in realtà non vedi nulla sulla pagina.

41
00:02:36,240 --> 00:02:38,270
Lo vedremo tra un secondo.

42
00:02:38,280 --> 00:02:41,630
Fondamentalmente è solo un contenitore e inseriamo tutti i nostri diversi input.

43
00:02:41,640 --> 00:02:47,540
Quindi caselle di controllo e pulsanti e lasciati su menu e immagini colorate vanno tutti all'interno di un uovo formato.

44
00:02:48,090 --> 00:02:52,320
Quindi ci sono due attributi importanti che trascorreranno un po 'più di tempo con questo quando arriveremo al back-end.

45
00:02:52,770 --> 00:02:58,410
Quindi cerca di non rimanere impigliato esattamente su come funziona, ma un modulo invierà una richiesta da qualche

46
00:02:58,410 --> 00:03:01,980
parte, inviando i dati dal modulo a un server da qualche parte.

47
00:03:02,040 --> 00:03:06,840
Quindi la prima parte dell'azione specificherà dove inviare i dati.

48
00:03:07,320 --> 00:03:08,550
Sta andando a Google.

49
00:03:08,580 --> 00:03:13,830
Sta per iscriversi alla pagina, sta per uscire, impareremo molto di più sul modo in cui

50
00:03:13,830 --> 00:03:16,570
lo facciamo nella sezione back-end di questa classe.

51
00:03:16,800 --> 00:03:21,180
E poi la seconda parte è il tipo di richiesta HSDPA da inviare.

52
00:03:21,780 --> 00:03:25,230
Quindi potremmo inviare una richiesta di ricezione o inviare una richiesta di posta.

53
00:03:25,800 --> 00:03:28,930
E ancora questa è un'altra cosa su cui passeremo molto più tempo.

54
00:03:29,130 --> 00:03:35,220
Ma la semplice versione generalizzata è una richiesta get quando facciamo qualcosa come cercare o recuperare

55
00:03:35,220 --> 00:03:41,280
i dati che stiamo cercando di ottenere informazioni e facciamo una richiesta post quando inviamo dati

56
00:03:41,280 --> 00:03:45,770
che vogliamo essere aggiunti a un database pubblicato a un server.

57
00:03:45,780 --> 00:03:52,440
Quindi, in questi esempi, qui quando esegui una ricerca su Google, premi Invio o fai clic su e esegui una

58
00:03:52,440 --> 00:03:54,070
ricerca per fare una richiesta.

59
00:03:54,180 --> 00:03:56,160
In realtà non aggiunge nulla al database.

60
00:03:56,160 --> 00:03:57,770
Non sta cambiando nulla.

61
00:03:57,840 --> 00:04:00,630
È solo una ricerca di dati.

62
00:04:00,710 --> 00:04:03,070
Sta ricevendo dati è una richiesta di ottenere.

63
00:04:03,450 --> 00:04:08,420
Questi qui però per iscriversi a Facebook o iscriversi a Twitter.

64
00:04:08,460 --> 00:04:14,040
e fai clic su Iscriviti, prende i tuoi dati e li aggiunge effettivamente al database di Twitter.

65
00:04:14,340 --> 00:04:17,370
Queste saranno richieste dopo che hai digitato i dati

66
00:04:17,370 --> 00:04:21,860
Quindi, di nuovo, lavoreremo su questo un bel po 'più avanti in questa classe.

67
00:04:21,990 --> 00:04:26,440
Quindi per ora basta avere familiarità con l'azione e il metodo e il fatto che esistono.

68
00:04:26,640 --> 00:04:30,480
Quindi il tag di input è ciò che effettivamente entra nelle nostre forme.

69
00:04:30,600 --> 00:04:37,020
È ciò che sta per creare i diversi input che vediamo qui, un input di testo una password, un

70
00:04:37,020 --> 00:04:38,120
pulsante di opzione.

71
00:04:38,190 --> 00:04:40,020
In realtà non crea un menu a discesa.

72
00:04:40,020 --> 00:04:45,360
nell'esercizio successivo, ma crea ogni sorta di input diversi per l'input dell'utente.

73
00:04:45,360 --> 00:04:46,580
Quindi ne parleremo

74
00:04:46,620 --> 00:04:48,840
Quindi ho alcuni esempi qui.

75
00:04:48,900 --> 00:04:53,130
Sono tutti esattamente uguali tranne per questo attributo di tipo.

76
00:04:53,310 --> 00:04:57,210
Quindi se il tipo è uguale al testo, otteniamo un tipo di casella uguale alla data.

77
00:04:57,290 --> 00:04:59,970
Questo tipo di datario è uguale al colore.

78
00:05:00,270 --> 00:05:04,230
Ottieni un raccoglitore di colori File di Eiffel otteniamo un tipo di selezione di file Pickle's checkbox.

79
00:05:04,260 --> 00:05:05,680
Riceviamo una casella di controllo.

80
00:05:05,850 --> 00:05:11,110
Quindi in realtà sto per tirare su endian e cercare input.

81
00:05:11,110 --> 00:05:18,660
E mentre lo faccio, vedrai mentre scorro verso il basso per gli attributi sotto il tipo c'è una lista di tutti

82
00:05:18,660 --> 00:05:20,970
i possibili tipi che possiamo specificare.

83
00:05:21,550 --> 00:05:23,440
E ce ne sono circa 30 o 40 qui.

84
00:05:23,790 --> 00:05:27,800
E ad essere onesti, qui c'è molto che probabilmente non avrai mai bisogno di usare.

85
00:05:28,110 --> 00:05:30,810
Ma ce ne sono alcuni che usi sempre.

86
00:05:30,810 --> 00:05:32,660
E quindi ci concentreremo davvero su quelli.

87
00:05:32,700 --> 00:05:40,410
Quelli sono cose come il testo della data e-mail della password, quindi alcuni di quelli come il colore.

88
00:05:41,040 --> 00:05:43,830
Non si può usare molto spesso.

89
00:05:43,830 --> 00:05:46,120
Sicuramente avremmo avuto più possibilità di fare foto a colori.

90
00:05:46,130 --> 00:05:50,910
È il mio preferito degli input, ma voglio che tu sappia che ci sono molte scelte diverse qui.

91
00:05:53,820 --> 00:05:59,060
Quindi, per creare un modulo, prendiamo semplicemente un tag form e lo riempiamo con alcuni tag di input.

92
00:05:59,160 --> 00:06:00,960
Quindi, ecco un esempio molto semplice.

93
00:06:00,960 --> 00:06:02,230
Abbiamo due input.

94
00:06:02,360 --> 00:06:06,830
Uguale al tipo di testo Password di Pickle e ci rende questo bel modulo qui.

95
00:06:07,140 --> 00:06:12,190
E puoi vedere che mentre compiamo questo tipo di testo uguale a quello che appare come testo normale.

96
00:06:12,280 --> 00:06:17,550
E mentre compiliamo il tipo equivale alla password, fornisce solo quei campi tratteggiati della password nascosta.