Está en la página 1de 10

Alumno: Henry Joaquin Callejas Cruz

CAPTURAS
CODIGO HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body bgcolor="steelblue">
<form>
<center>
<h1>Cuenta de Usuario</h1>
<label>Usuario:</label><br>
<input type="text" name="usuario" placeholder="Usuario" autofocus="on"
maxlength="10" title="Por favor ingresa tu usuario" required><br><br>
<label>Contrasena</label><br>
<input type="password" name="contrasena" placeholder="Contrasena"
maxlength="8" title="Por favor ingresa tu contrasena" required><br><br>
<label>Repetir Contrasena</label><br>
<input type="password" name="repetir" placeholder="Repetir Contrasena"
required maxlength="8" title="Por favor ingresa tu contrasena"><br><br>

<hr>
<h1>Información personal de contacto</h1>
<table cellspacing="10">
<tr>
<td><label>Nombre: </label></td>
<td><input type="text" name="nombre" placeholder="Nombre:"
maxlength="12" autocomplete="on"></td>
<td><label>Apellido:</label></td>
<td><input type="text" name="apellido" placeholder="Apellido:"
maxlength="12" autocomplete="on"></td>
<td><label>Fotografia:</label></td>
<td><input type="file" name="foto"></td>
</tr>
<tr>
<td><label>Genero: </label></td>
<td><input type="text" name="genero"
placeholder="Genero"></td>
<td><label>Edad:</label></td>
<td><input type="number" name="edad" placeholder="Edad"
min="18" max="88"></td>
<td><label>Fecha cumpleanos: </label></td>
<td><input type="date" name="fecha" placeholder="Fecha de
Cumpleanos"></td>
</tr>
<tr>
<td><label>Nivel de escolaridad: </label></td>
<td><input type="text" name="nivel" placeholder="Nivel de
escolaridad: " required title="Por favor ingresa tu escolaridad"></td>
<td><label>Pais: </label></td>
<td><input type="text" name="pais" placeholder="Pais:"></td>
<td><label>Departamento: </label></td>
<td><input type="text" name="departamento"
placeholder="Departamento" required title="Por favor ingresa el departamento"></td>
</tr>
<tr>
<td><label>Direccion:</label></td>
<td><input type="text" name="direccion"
placeholder="Direccion" required></td>
<td><label>Telefono Movil: </label></td>
<td><input type="text" name="movil" placeholder="Telefono
Movil" pattern="[0-9]{4}-[0-9]{4}" title="El formato debe coincidir con 0000-0000" required></td>
<td><label>Telefono Fijo</label></td>
<td><input type="text" name="fijo" placeholder="Telefono Fijo"
pattern="[0-9]{4}-[0-9]{4}" title="El formato debe coincidir con 0000-0000"></td>
</tr>
<tr>
<td><label>Color Favorito:</label></td>
<td><input type="text" name="color" placeholder="color"></td>
<td><label>Pagina Personal:</label></td>
<td><input type="url" name="pagina" placeholder="Pagina
Personal"></td>
</tr>
</table>

<hr>
<table>
<h1>Tipo de Suscripcion</h1>
<tr>
<td><label>Tipo de suscripcion</label></td>
<td><input type="radio" name="suscripcion" required title="POr
favor seleccione un tipo de suscripcion">Premium</td>
<td><input type="radio" name="suscripcion" required title="POr
favor seleccione un tipo de suscripcion">Basico</td>
<td><label>Fecha: </label></td>
<td><input type="date" name="fechaSuscripcion"
placeholder="Fecha Suscripcion" required title="Por favor seleccione una fecha"></td>
<td><label>Hora de Suscripcion</label></td>
<td><input type="time" name="Hora" required title="Por favor
seleccione una hora"></td>
</tr>
</table>

<hr>
<h1>Intereses Personales</h1>
<label>Lectura</label>
<input type="checkbox" name="intereses" checked>
<label>Deportes</label>
<input type="checkbox" name="intereses">
<label>Politica</label>
<input type="checkbox" name="intereses"><br><br>
<label>Programacion</label>
<input type="checkbox" name="" checked>
<label>Salud</label>
<input type="checkbox" name="">
<label>Curiosidades</label>
<input type="checkbox" name="">
<label></label><br><br>

<hr>
<h1>Información indispensable</h1>
<h3>Lenguajes de Programacion</h3><br>
<label>Java</label>
<input type="checkbox" name="">
<label>Javascript</label>
<input type="checkbox" name="">
<label>C++</label>
<input type="checkbox" name="">
<br><br>
<label>Python</label>
<input type="checkbox" name="">
<label>PHP</label>
<input type="checkbox" name="">
<label>Kotlin</label>
<input type="checkbox" name=""><br><br>
<h3>Gestores de Bases de Datos</h3>
<label>MySql</label>
<input type="checkbox" name="">
<label>PostgreSQL</label>
<input type="checkbox" name="">
<label>MongoDB</label>
<input type="checkbox" name=""><br><br>
<label>MariaDB</label>
<input type="checkbox" name="">
<label>Microsoft SQL Server</label>
<input type="checkbox" name="">
<label>Redis</label>
<input type="checkbox" name="">
<hr>
<h1>Sugerencia y evaluación</h1>
<label>Comentarios</label><br>
<textarea cols="50" rows="10" autocomplete=""></textarea><br>
<label>Evaluación</label>
<select>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<br><br><br>
<input type="submit" name="enviar" value="Enviar Datos">
</center>
</form>
<br><br>
</body>
</html>

También podría gustarte