144 lines
3.9 KiB
HTML
144 lines
3.9 KiB
HTML
<body>
|
|
<!-- Campos formularios -->
|
|
<form method="get" action="gracias.html">
|
|
|
|
<fieldset>
|
|
<legend>Inicio</legend>
|
|
|
|
<!-- Checkbox -->
|
|
Seleccione las opciones:
|
|
<br>
|
|
<input type="checkbox" name="check1"><label for="check1">A</label><br>
|
|
<input type="checkbox" name="check2"><label for="check2">B</label><br>
|
|
<input type="checkbox" name="check3" checked><label for="check3">Acepto</label><br>
|
|
<br>
|
|
<!-- Radiobutton -->
|
|
Escoja una opción:
|
|
<br>
|
|
<input type="radio" value="verde" name="color">VERDE<br>
|
|
|
|
<label><input type="radio" value="azul" name="color">AZUL</label><br>
|
|
<input type="radio" value="red" name="color">ROJO<br>
|
|
<br>
|
|
<!-- Enviar -->
|
|
<input type="submit" name="enviar" value="Enviar POR CORREO" /><br>
|
|
<!-- Limpiar -->
|
|
<br>
|
|
<input type="reset" name="limpiar" value="Limpiar el
|
|
formulario" />
|
|
<br>
|
|
<br>
|
|
</fieldset>
|
|
<!-- Adjuntar -->
|
|
<label>Mandanos tu archivo <input type="file" name="Adjuntar" accept=".txt,.jpg" /></label>
|
|
<br>
|
|
<br>
|
|
<!-- Campos ocultos -->
|
|
<input type="hidden" name="activo" value="true" />
|
|
<br>
|
|
<br>
|
|
<!-- Boton de imagen -->
|
|
<input type="image" src="enviar.png" />
|
|
<br>
|
|
<br>
|
|
<!-- Boton genérico -->
|
|
<input type="button" name="buscar" value="Buscar" onclick="javascript:alert('Se ha dado clic al botón!');" />
|
|
<br>
|
|
<br>
|
|
|
|
<!-- Campo de texto -->
|
|
<input type="text" name="comentario" size="20" maxlength="15" placeholder="Contesta aquí ...">
|
|
<br>
|
|
<br>
|
|
<!-- Campo de contraseña -->
|
|
<input type="password" name="contraseña" value="12345" />
|
|
<br>
|
|
<br>
|
|
<!-- Área de texto -->
|
|
<textarea name="opinion" rows="10" cols="60">Escriba aqui el valor por defecto</textarea>
|
|
<br>
|
|
<br>
|
|
<!-- Lista de selección -->
|
|
<select name="colores">
|
|
<option value="azul" label="Azul"></option>
|
|
<option value="verde" selected>Verde</option>
|
|
<option value="rojo">Rojo</option>
|
|
</select>
|
|
<br>
|
|
<br>
|
|
<!-- Lista de selección HTML5 -->
|
|
Lista de datos
|
|
<input list="listacolores">
|
|
<datalist id="listacolores">
|
|
<option value="Azul">
|
|
<option value="Rojo">
|
|
<option value="Amarillo">
|
|
<option value="Negro">
|
|
<option value="Blanco">
|
|
</datalist>
|
|
<br>
|
|
<br>
|
|
<!-- Email -->
|
|
Correo electrónico
|
|
<input type="email" name="email" id="email" />
|
|
<br>
|
|
<br>
|
|
<!-- Busqueda -->
|
|
Busqueda
|
|
<input type="search" name="buscar" id="buscar" autocomplete="off" />
|
|
<br>
|
|
<br>
|
|
<!-- Url -->
|
|
Url
|
|
<input type="url" name="url" id="url" />
|
|
<br>
|
|
<br>
|
|
<!-- Teléfono -->
|
|
Teléfono
|
|
<input type="tel" name="telefono" id="telefono" required />
|
|
<br>
|
|
<br>
|
|
<!-- Número -->
|
|
Número
|
|
<input type="number" name="numero" id="numero" min="0" max="10" step="2" />
|
|
<br>
|
|
<br>
|
|
<!-- Rango -->
|
|
Rango
|
|
<input type="range" name="rango" min="0" max="10" step="1" />
|
|
<br>
|
|
<br>
|
|
<!-- Fecha -->
|
|
Fecha
|
|
<input type="date" name="fecha" id="fecha" value="2024-02-25" min="2024-02-25" max="2024-12-25" step="2" />
|
|
<br>
|
|
<br>
|
|
<!-- Semana -->
|
|
Semana
|
|
<input type="week" name="semana" id="semana" value="2024-W19" />
|
|
<br>
|
|
<br>
|
|
<!-- Mes -->
|
|
Mes
|
|
<input type="month" name="mes" id="mes" />
|
|
<br>
|
|
<br>
|
|
<!-- Tiempo -->
|
|
Tiempo
|
|
<input type="time" name="tiempo" id="tiempo" min="09:00" max="22:00" step="60" />
|
|
<br>
|
|
<br>
|
|
|
|
<!-- Fecha y hora -->
|
|
<p>
|
|
Fecha y hora: <input type="datetime-local" name="datetime_control" />
|
|
</p>
|
|
<!-- Color -->
|
|
Color
|
|
<input type="color" name="color" id="color" value="#1BF4FF" />
|
|
<br>
|
|
<br>
|
|
|
|
|
|
</form>
|
|
</body> |