El proyecto consiste en lo siguiente:
La carpeta en la que debemos guardar el proyecto se debe llamar decimob_grupo03
El template debe tener un módulo llamado derechos.html, este debe tener las fotos de cada uno de los integrantes del grupo, en frente de ellas nombres y apellidos de cada uno, y debajo de los nombres colocar "mi blog", el cual al oprimir debe enviar a la página del blog del estudiante, esto debe ser en _blank , y si no se publicó, un alert donde diga "no publique blog"
Todos los title del template deben tener como nombre:---> proyecto decimo blog
Además se debe colocar una caja de texto que me reciba numeros del 1 al 50 (solo 1 al 50) no debe aceptar letras, no debe aceptar numeros superiores a 50 ni numeros inferiores a 1, mandar mensaje de error si esto ocurre, al momento de oprimir el botón se debe visualizar su correspondiente número ROMANO, si digitó el número 5, entonces debe aparecer V, si los números digitados están entre 1 y 25, debe aparecer dentro del template en la parte superior izquierda, pero si es del 26 al 50, en la parte inferior derecha (dentro del template) no son alerts, hay que utilizar inners.
A continuación, algunos códigos útiles para el proyecto.
Atributos input:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Atributos input</title>
</head>
<body>
<!-- con input type indicamos al navegador el tipo de control que debe ejercer sobre el elemento <input>
// ej: color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week, submit-->
<form>
<label for="ema">Ingrese su e-mail</label>
<input type="email" name="email" id="ema" placeholder=" Escriba un e-mail valido" required>
<hr>
Color:<input type="color" required>
<hr>
Contraseña: <input type="password" maxlength="5" required>
<hr>
<!-- El atributo pattern se puede usar para decirle al navegador cual es el valor aceptable para
este campo de formulario -->
Pattern: <label for="tel">Teléfono (9 dígitos comenzando por 9, 8, 7 o 6)</label>
<input type="text" pattern="^[9|8|7|6]\d{8}$" title="Ej= 712356789" > ->title
<hr>
<!-- Atributo title: en los ejemplos anteriores los avisos mostrados eran elegidos por el navegador. A través del atributo title podemos personalizar estos avisos. Por ejemplo:
{longitud del patron} [Permitir entrada de datos de x a y] -->
Title:<input type="text" name="twitter_username" pattern="^@?(\w){1,15}$" title="Este no parece un usuario de twitter válido" required> ->title
<!-- Con el pattern anterior se aceptaría una cadena de texto de 15 letras que no contenga caracteres especiales (ñ, vocales acentuadas, etc). La cadena puede comenzar por @ o no. -->
<hr>
<!-- Required: este atributo se utiliza para decir al navegador los campos del formulario que son requeridos de forma obligatoria, es decir, que no pueden quedar vacíos. Basta con poner required o required="required". -->
Required: <input type="text" name="twitter_username"
pattern="^@?(\w){1,15}$"
title="Este no parece un usuario de twitter válido"
required>
<hr>
<input type="submit"></input>
</form>
</body>
</html>
Código validación de contenido:
<HTML>
<HEAD>
</HEAD>
<BODY>
<form name="form">
<input type="text" name="campo"><br>
<input type="button" onClick="validar()" value="validar">
</form>
<script language="javascript">
function validar() {
//var valid1 = /([A-Z0-9\s\\]+)/i; // Te permite ingresar caracteres de la A a la Z, digitos del 0 al 9, espacios y el simbolo \ . Todo esto en mayusculas o minusculas.
var valid1 = /([A-Z0-9\s\\]+)/i;
if (valid1.test(form.campo.value)) {
alert("OK");
}
else {
alert("Caracter incorrecto");
}
}
</script>
</BODY>
</HTML>
Publicar un comentario