Vamos a crear la clase hija concreta input form.
En el mismo package acá en el evento click derecho new yaba class input form.
Entonces una implementación tiene que la edad de la clase abstracta extends elemento form.
Malcon error está perfecto porque nos dice que tenemos que implementar el método abstracto se fija en
clase input for debe declarar el método o implementar este método abstracto.
Entonces hay dos formas o dorta nativa 1 Que esta clase hija sea abstracta y si es abstracta no está
obligada a implementar el método del padre abstracto.
Se aplican entonces no lo hagan, no lo hagan solamente para el ejemplo.
Nada más se coloco abstracto.
Se fijan si se quita el error y esto indica que esta clase sería tracta y las clases hijas de input
for o ancestro del elemento formulario nietas estarían obligada a implementar el método abstracto de
la clase abuela de elementos form.
Este método.
Pero solamente para el ejemplo, para que lo puedan visualizar y también saber que una clase abstracta
hija no requiere que implemente los métodos abstractos de la clase padre.
Pero bueno, en este ejemplo, obviamente Input Form es una clase concreta, así que vamos a implementar
este método de forma implementar el método acá te fijan.
Hacemos un clic acá.
Lo hace de forma automática.
Dibujar html.
Ok, bueno, ahí desaparece el error.
O bien otra forma con generate.
Nos vamos a hover right?
Sobreescribir método o implementa el método.
Perdón.
Implementar método del padre dibujar html.
Ok, que al final también es sobreescribir.
Es un over right.
Bien, entonces acá esta clase tiene que implementar su propia forma del input form, pero apartado
primero con los atributos private del tipo string.
El tipo en HTML.
Los elementos formulario del tipo de input tienen un atributo que es type.
El tipo por defecto es del tipo text y lo podemos colocar acá texto por defecto sería de ese tipo.
Lo dejamos así del tipo tex por defecto, pero también podría tener otro tipo number.
Por ejemplo, email, password, submit, checkbox.
Irradio button diferente como categoría de campo de texto o input.
Entonces colocamos el tipo un atributo importante como es private.
Vamos a implementarlo metodo tras Z.
Entonces por acá giene doit gué teran setter.
Marcamos ambos perfecto y lo siguiente constructor vamos a tener un constructor generate.
Constructor está acá elemento for?
Con el nombre.
Ok, acá nos dice si queremos agregar el tipo ya le colocamos no solamente el nombre, entonces va a
inicializar el objeto con el nombre campo y el tipo por defecto sería el del tipo texto.
Pero también podríamos agregar otro más con clic derecho generai constructor.
Nuevamente el nombre OK.
Y ahora si agregamos el tipo OK.
De forma automática y crea un constructor que pasa el nombre y el tipo en nombre lo pasa por súper al
padre que está bien.
Recuerden que el padre tiene constructor que pasa el nombre acá.
Además, el tipo lo inicializa con Tiz ÂQuÃ atributo propio de la clase?
Ya tenemos dos constructora, entonces se forma uno con el nombre tipo.
Por ejemplo Yussef Einem y el tipo Text o bien Yussef Name.
Acá y por defecto el tipo es texto.
Otro campo, por ejemplo password, nombre, password, tipo password o edad tipo number.
Se fijan bien.
Implementemos el método dibujar.
Cómo sería el HTML?
No importa que no sepan html.
Recuerden input.
Vamos a cerrar acá.
Bueno, eso es lo primero.
Una etiqueta XML y también HTML.
Por supuesto, un documento web con la etiqueta input, pero tiene atributos.
Por ejemplo, el tipo.
Bien.
Qué más?
El name o nombre vamos a colocar comillas simple type igual comillas simple name igual comillas simple
para que no se rompa acá.
Otra alternativa es colocar comillas doble, pero es capaz, por ejemplo, baxa latch.
Acá baques, latch.
Acá se fijan y acá también.
Acá me agregó uno.
Además lo voy a quitar un Bachelard, un paquete lastre Venky, otro atributo value valor igual y lo
mismo.
Un Bax larch comilla doble.
Bien, el type.
Este atributo lo tenemos acá, propio de la clase input.
El tipo.
El name lo tenemos en la clase padre el protected, por lo tanto lo podemos acceder y el valor también
en valor.
Entonces acá simplemente podemos concatenar.
Entonces cerramos con doble comilla, espacio más, espacio más.
Y acá que lo quería 10 punto tipo.
Voy a bajar para que no sea tan extenso y faltaría el NAICM acá.
Entonces doble comilla 10 punto nombre concatenados.
Voy a bajar de acá también.
Valor.
El tipo con tipo.
Nombre con nombre value con valor está listo.
Está implementado.
Bien, continuemos con la siguiente clase hija concreta.
Ahora vamos a crear text area form.
Entonces campismo el mismo package new yaba class
text area form.
Ok.
Variedad extends
elemento form perfecto sobre el error colocábamos implementar método dibujar html.
Ok.
Bien va a tener atributos propios del tex.
Área privat del tipo entero.
Filas.
Columnas.
Bueno, estos dos atributos nos permiten definir el ancho o largo y alto la altura de la caja de texto.
El área apareció el input, pero el input es para colocar una cantidad limitada de texto.
Mientras que el text area nos permite colocar una gran cantidad texto cientos y miles de caracteres.
Entonces guié transceptor por acá.
Marcamos los dos.
Ok, constructores generad constructor, elemento form para pasar en nombre.
Del padre y nada más.
Sólo para asignar el nombre, el campo mediante el padre.
Seleccionar nada, selección, listo, ahí tenemos el súper para el padre, nada más.
Listo, otro conductor muy parecido.
Elemento Fore que pasa en nombre del padre.
Ok.
Y ahora así.
Filas y columnas.
Entonces, si pasamos el nombre del padre, pero también nos permite asignar filas y columnas, dos
constructores, dos implementaciones sobrecarga.
Bueno, igual lo que hicimos acá se fijan, acá tenemos el atributo tipo.
Entonces tenemos dos constructores, uno asigna el nombre del campo y el otro el nombre y el tipo.
Y haga lo mismo.
Uno es solamente el nombre y el otro, y el otro sin el nombre y también filas y columnas.
Bien, vamos a implementar el método abstracto dibujar HTML un poco más abajo por acá.
Retorno en Streak la etiqueta HTML es text area, todo junto.
Text area abrimos y cerramos aca.
Text area se es distinto si tiene que abrir aca acaba un contenido dentro de esta etiquetas va el valor
y aca cerramos.
A diferencia el input que es uno solo.
Se fijan, no es necesario cerrar.
Ver cuáles serían los atributos bueno.
Name.
Acá no tiene tipo.
Acá lo vamos a colocar con comillas simple, pero también tiene cols.
Las columnas y rousse filas.
Y qué faltaría el value, el valor.
Pero el valor vaca entre medio, entre los dos etiquetas, entre la etiqueta de apertura con los atributos
y la etiqueta de cierre, acaba el valor.
Entonces podemos colocar acá artir el valor doble comilla para separar y concatenados punto valor.
Podríamos bajar e nombre doble comilla, dis punto.
Nombre.
Despuntó cols sería Columnas.
Acá vamos a bajar.
Y filas
Miletto.
Ahí tenemos la presentación distinta al input form.
Al final lo que estamos modelando y llevando o convirtiendo el código HTML de formulario.
Los elementos a una programación orientada, objetos con clases, objeto o atributo, pero al final
lo mismo.
De esta forma también nos permite validar.
Después vamos a implementar el API de validación.
Así que por ahora quedamos hasta acá.
Continuamos la siguiente clase con la otra clase hija.
Select form o combobox o lista desplegable como le quieran llamar.
Nos vemos.