gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update de index (#32745)

Browse Source 
Mejorado visualmente con los <br> el ejemplo de codigo y se especifico que hace cada código en ese ejemplo de formulario
This commit is contained in:
luisda426
2019-08-13 16:07:39 -04:00
committed by Randell Dawson
parent 267bd14dd6
commit 16e6c50dde
1 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
guide/spanish/html/html-forms/index.md
View File

@ -28,29 +28,48 @@ Ejemplo de código:
<form> <form>
<label for="username">Username:</label> <label for="username">Username:</label>
<input type="text" name="username" id="username"> <input type="text" name="username" id="username"> <BR>
<label for="password">Password:</label> <label for="password">Password:</label>
<input type="password" name="password" id="password"> <input type="password" name="password" id="password"> <br>
<input type="radio" name="gender" value="male">Male<br> <input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female<br> <input type="radio" name="gender" value="female">Female<br>
<input type="radio" name="gender" value="other">Other <input type="radio" name="gender" value="other">Other
<input list="Options"> <input list="Options"> <br>
<datalist id="Options"> <datalist id="Options">
<option value="Option1"> <option value="Option1">
<option value="Option2"> <option value="Option2">
<option value="Option3"> <option value="Option3">
</datalist> </datalist>
<input type="submit" value="Submit">
<input type="color"> <input type="color">
<input type="checkbox" name="correct" value="correct">Correct <input type="checkbox" name="correct" value="correct">Correct <br>
<input type="submit" value="Submit">
</form> </form>
``` ```
Que hace cada codigo:
`label` + `input` = Cuadro de texto para colocar usuario.
`label` + `input` = Cuadro de texto para colocar passpord.
`Input` siguientes `radio` = Boton de seleccion circular.
`input` type `options` = Cuadro de con flecha para opciones, las cuales estan en `datalist`.
`input` type `color` = Boton para elejir color favorito.
`input` type `checkbox` = Boton de seleccion multiple cuadrado.
`input` type `submit` = Boton para enviar.
Otros elementos que forman pueden contener: Otros elementos que forman pueden contener:
* `textarea` : es un cuadro multilínea que se usa con mayor frecuencia para agregar texto, por ejemplo. comentario. El tamaño del área de texto se define por el número de filas y columnas. * `textarea` : es un cuadro multilínea que se usa con mayor frecuencia para agregar texto, por ejemplo. comentario. El tamaño del área de texto se define por el número de filas y columnas.
* `select` etiqueta `select` - junto con la etiqueta `<option></option>` crea un menú de selección desplegable. * `select` etiqueta `select` - junto con la etiqueta `<option></option>` crea un menú de selección desplegable.
* `button` : el elemento botón se puede utilizar para definir un botón en el que se puede hacer clic. * `button` : el elemento botón se puede utilizar para definir un botón en el que se puede hacer clic.
## MÁS INFORMACIÓN SOBRE FORMAS HTML. ## MÁS INFORMACIÓN SOBRE FORMAS HTML.