1
00:00:00,150 --> 00:00:03,990
Bien, continuemos con más elementos de formulario del tipo Radio Button.

2
00:00:04,080 --> 00:00:09,570
Cuando queremos seleccionar uno u otro elemento de diferentes opciones, por ejemplo el idioma inglés,

3
00:00:09,570 --> 00:00:11,080
español, francés, se fijan.

4
00:00:11,160 --> 00:00:16,170
Vamos a tener varios campo input, pero del tipo radio que se le conoce como radio putón.

5
00:00:16,290 --> 00:00:21,480
También vamos a ver un campo, habilitar un checkbox solamente habilitar o deshabilitar.

6
00:00:21,600 --> 00:00:25,800
Y por último un campo idén o escondido que va oculto en el HTML.

7
00:00:25,890 --> 00:00:31,050
Por ejemplo, cuando queremos pasar un Heidy o algún identificador, pero que no queremos que se vea

8
00:00:31,230 --> 00:00:34,350
el formulario, bueno, lo colocamos del tipo Given y lo vamos a ver.

9
00:00:34,410 --> 00:00:39,630
Pero antes voy a modificar el Fainé en vez colocarlo de forma literal, porque si se fijan el web app,

10
00:00:39,750 --> 00:00:43,320
guión forth, el mismo nombre que tenemos acá en el ARTIFI.

11
00:00:44,040 --> 00:00:49,590
Entonces lo podríamos hacer un poco más automatizado en vez colocar acá el nombre literal, lo vamos

12
00:00:49,590 --> 00:00:56,520
a quitar y vamos a colocar la variable con signo peso las llaves, ya que es una variable proyecto en

13
00:00:56,520 --> 00:01:01,470
inglés que son variables propia de Maven Arty Fact Heidy Acá lo tenemos.

14
00:01:01,530 --> 00:01:04,620
Entonces vamos a usar el mismo nombre que tenemos del proyecto.

15
00:01:04,710 --> 00:01:11,550
Emma pero ya el punto Heidy y como valor es el web app guión Ford de forma automática se fijan mucho

16
00:01:11,550 --> 00:01:11,670
más.

17
00:01:11,670 --> 00:01:12,780
Siempre lo dejamos así.

18
00:01:12,930 --> 00:01:19,200
Bien, ahora nos vamos a ir al HTML, antes vamos a actualizar acá, actualizamos maven, nos vamos

19
00:01:19,200 --> 00:01:28,170
al HTML, al index y vamos a agregar más campos al final después de roles claro, bajamos div dentro

20
00:01:28,230 --> 00:01:35,620
un label ya el for lo vamos a quitar, no lo vamos a necesitar muy parecido a roles, pero acá van a

21
00:01:35,620 --> 00:01:37,830
hacer radio puto idiomas.

22
00:01:38,760 --> 00:01:41,700
Bueno, la diferencia es que el check box nos permite seleccionar varios.

23
00:01:41,850 --> 00:01:47,790
En el caso de los roles varios, pero el radio Button uno solo de estas opciones bajamos.

24
00:01:47,940 --> 00:01:52,350
Vamos a tener un div y dentro del div un conjunto, un input.

25
00:01:53,730 --> 00:02:01,470
En este caso del tipo radio name, idiomas o idioma en singular.

26
00:02:03,290 --> 00:02:08,670
Y en Valeo por ejemplo e s bajamos label.

27
00:02:09,000 --> 00:02:14,130
Vamos a quitar el for solamente para el nombre español y listo.

28
00:02:14,640 --> 00:02:15,600
Vamos a seleccionar acá.

29
00:02:15,690 --> 00:02:18,480
Vamos a copiar esto acá control.

30
00:02:18,480 --> 00:02:21,600
Se lo pegamos y lo pegamos.

31
00:02:21,660 --> 00:02:23,520
Vamos a tener Donbass, por ejemplo.

32
00:02:23,520 --> 00:02:26,940
Acá vamos a cambiar en vez de español inglés

33
00:02:29,880 --> 00:02:35,190
acá en Valeo en vez de s sería e n bajamos.

34
00:02:35,250 --> 00:02:45,060
Vamos a tener otro más fr de francés bajamos francés 3 idioma, pero solamente uno de ellos se puede

35
00:02:45,060 --> 00:02:46,080
seleccionar ya.

36
00:02:46,170 --> 00:02:50,250
Y por último, acá tenemos este conjunto de radio puto.

37
00:02:50,520 --> 00:02:57,600
Vamos a bajar después del cierre y vamos a tener otro elemento, pero del tipo checkbox, pero uno solo.

38
00:02:57,690 --> 00:03:02,160
Habilitar o deshabilitar div un label.

39
00:03:02,970 --> 00:03:06,900
Vamos a colocar, habilitar, habilitar.

40
00:03:08,490 --> 00:03:12,000
Bajamos un div que dentro del día vamos a tener el input

41
00:03:15,120 --> 00:03:22,790
del tipo check poses name habilitar el Heidy.

42
00:03:24,060 --> 00:03:27,990
Recuerden en este caso solamente vamos a colocar el Heidy cuando tengamos effort, nada más.

43
00:03:28,330 --> 00:03:32,640
Solamente cuando se hace clic para que se quede marcado el input con el cursor.

44
00:03:32,730 --> 00:03:36,150
Pero para nada bien y por defecto dejamos este campo.

45
00:03:36,210 --> 00:03:39,270
Habilitar del tipo chat box lo dejamos marcado como checked.

46
00:03:39,960 --> 00:03:46,440
Y por último, para finalizar, vamos a tener un campo hidden o escondido simplemente como no se ve

47
00:03:46,560 --> 00:03:52,200
no necesario que lo metemos dentro de un div dentro del label porque no se ve va por debajo.

48
00:03:52,200 --> 00:03:55,290
Se envía un código escondido en el HTML.

49
00:03:55,620 --> 00:03:58,860
Entonces input puede ir en cualquier lugar dentro de form.

50
00:03:59,070 --> 00:04:04,560
Típicamente se coloca al final después del botón, pero antes de cerrar el formulario como por acá.

51
00:04:04,830 --> 00:04:10,310
Entonces input acá del tipo giren con el valor entonces.

52
00:04:11,310 --> 00:04:12,480
Un, dos, tres, cuatro, cinco.

53
00:04:12,540 --> 00:04:15,880
Pero falta el nombre, el naik, el nombre, el campo name.

54
00:04:16,470 --> 00:04:17,610
Le vamos a llamar secreto.

55
00:04:19,320 --> 00:04:19,680
Entonces.

56
00:04:19,890 --> 00:04:21,030
Campo secreto.

57
00:04:21,090 --> 00:04:22,500
Valor uno, tres, cuatro, cinco.

58
00:04:22,830 --> 00:04:26,070
Nos vamos al celda y vamos a procesar estos datos.

59
00:04:26,100 --> 00:04:28,470
Primero lo tengo que capturar como todos los campos.

60
00:04:28,650 --> 00:04:32,310
Entonces por acá bajamos idioma, habilitar y secreto.

61
00:04:36,490 --> 00:04:40,290
Quet parameters es uno solo idioma.

62
00:04:45,740 --> 00:04:47,480
Parameters habilitar.

63
00:04:57,300 --> 00:04:57,720
Secreto.

64
00:04:58,950 --> 00:05:04,260
Lo vamos a imprimir acá, al final, por acá.

65
00:05:05,220 --> 00:05:05,490
Out.

66
00:05:05,580 --> 00:05:06,540
Punto print.

67
00:05:09,370 --> 00:05:14,380
Leer más El parámetro idioma

68
00:05:18,370 --> 00:05:23,440
duplicamos de acá vamos a tener habilitar

69
00:05:26,920 --> 00:05:27,490
secreto.

70
00:05:28,660 --> 00:05:30,490
Le faltaría colocar el nombre.

71
00:05:30,550 --> 00:05:36,130
Entonces idioma do punto de espacio habilitado.

72
00:05:39,870 --> 00:05:40,390
Perfecto.

73
00:05:40,500 --> 00:05:46,740
Guardamos y levantamos, tengo levantado también Tomcat, lo tengo arriba, simplemente vamos a publicar.

74
00:05:52,430 --> 00:05:55,410
Se quejan en nombre del War se sigue llamando Webb a Ford.

75
00:05:55,510 --> 00:05:57,290
Queda mucho mejor, mucho más simple.

76
00:05:57,800 --> 00:05:58,760
Nos vamos a la página.

77
00:05:58,920 --> 00:06:02,060
Ya la tenía abierta, podía volver atrás.

78
00:06:02,150 --> 00:06:02,960
Voy a actualizar.

79
00:06:03,770 --> 00:06:04,220
Se fijan.

80
00:06:04,310 --> 00:06:08,390
Aparecen más campo, idiomas, habilitar por defecto.

81
00:06:09,200 --> 00:06:13,970
Entonces vamos a enviar nuestros 4/5 el e-mail páis.

82
00:06:14,890 --> 00:06:23,190
México roles usuario administrador lenguaje español se fijan solamente puede solucionar uno español.

83
00:06:23,920 --> 00:06:26,080
Habilitar habilitado enviar.

84
00:06:27,150 --> 00:06:34,830
De Cata todo Languages bueno el país, México, lenguajes, roles admin Yussef Idioma español habilitado

85
00:06:34,920 --> 00:06:37,740
on y secreto uno, dos, tres, cuatro, cinco.

86
00:06:38,640 --> 00:06:39,690
Si volvemos atrás.

87
00:06:40,970 --> 00:06:42,770
Habilitar lo de marcamos.

88
00:06:42,830 --> 00:06:46,730
Enviar null habilitado NULL no está habilitado.

89
00:06:47,270 --> 00:06:48,590
También podemos ver el código fuente.

90
00:06:50,780 --> 00:06:53,720
Te fijan una lista y acá tenemos una lista.

91
00:06:53,750 --> 00:06:54,230
Un li.

92
00:06:54,320 --> 00:06:55,730
El lenguaje que está anidado.

93
00:06:55,820 --> 00:06:57,470
Otro uele con subli.

94
00:06:57,680 --> 00:06:58,520
Cerramos el uele.

95
00:06:58,520 --> 00:06:59,300
Cerramos el li.

96
00:06:59,420 --> 00:07:00,320
Lo mismo los roles.

97
00:07:00,350 --> 00:07:00,690
Y así.

98
00:07:00,860 --> 00:07:06,390
Y de esa forma también podemos tener un menú de navegación con jerarquía, con elementos independientes.

99
00:07:06,560 --> 00:07:07,490
Tal como lo vemos ahora.

100
00:07:08,180 --> 00:07:09,320
Volvemos al formulario.

101
00:07:10,190 --> 00:07:11,150
Volvemos atrás.

102
00:07:11,270 --> 00:07:12,530
Ver código fuente.

103
00:07:12,710 --> 00:07:13,760
También lo podemos revisar.

104
00:07:14,960 --> 00:07:17,660
Ya tenemos el input idén secreto.

105
00:07:17,720 --> 00:07:22,250
Un, dos, tres, cuatro, cinco, valor bueno, y todos los campos ahí lo pueden analizar.

106
00:07:22,340 --> 00:07:25,370
Quedamos hasta acá y continuamos en la siguiente clase.