Ejemplos Unidad6

Unidad 6.
Antecedentes de JavaScript
Desarrollo de pginas web
Ejemplo1.html
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Formulario</title>
<meta content="Utel" name="author">
<meta content="BlueGriffon wysiwyg editor" name="generator">
</head>
<body>
<form>
<h1>Bienvenido</h1>
Introduce tu nombre: <input name="nombre" type="text"> <br>
Mensaje: <input name="mensaje" size="60" type="text"> <br>
<input value="Probar" type="submit"> </form>
</body>
</html>
1
Unidad 6. Antecedentes de JavaScript
Ejemplo2.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="mailto:micorreo@utel.edu.mx"method="post" enctype="text/plain">
<h1>Bienvenido</h1>
</body>
</html>
2
Ejemplo3.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function probar () {
alert ("hola "+document.getElementsByName("nombre")[0].value);
}
</script>
</head>
<body>
<form action="" method="post" enctype="text/plain">
<h1 id="nombre">Bienvenido</h1>
<input value="Probar" type="submit" onClick="javascript: probar()"> </form>
</body>
</html>
3
Ejemplo4.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Bienvenido</h1>
<br />
Selecciona el color de tu icono:<br />
<input type="radio" name="coloricono" value="rojo" /> Rojo<br />
<input type="radio" name="coloricono" value="verde" /> Verde <br />
<input type="radio" name="coloricono" value="azul" /> Azul <br />
</body>
</html>
4
Ejemplo5.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Bienvenido</h1>
Mensaje: <textarea name="mensaje" cols="60" rows="6"></textarea> <br>
<br />
<hr />
<input type="button" value="Haz clic sobre mi"
onclick="javascript:window.location='http://www.google.com'" />
<hr />
Selecciona el color de tu icono:<br />
<input type="radio" name="coloricono" value="rojo" /> Rojo<br />
<input type="radio" name="coloricono" value="verde" /> Verde <br />
<input type="radio" name="coloricono" value="azul" /> Azul <br />
<hr />
Selecciona los días con disponibilidad:<br />
<input type="checkbox" name="dias" value="l" /> Lunes<br />
<input type="checkbox" name="dias" value="m" />Martes<br />
<input type="checkbox" name="dias" value="mm" />Miércoles<br />
<input type="checkbox" name="dias" value="j" />Jueves<br />
<input type="checkbox" name="dias" value="v" />Viernes<br />
<hr />
Selecciona el días preferente:<br />
<select>
<option value=""> Seleccione un día</option>
<option value="l"> Lunes</option>
<option value="m">Martes</option>
<option value="mm">Miércoles</option>
<option value="j">Jueves</option>
<option value="v">Viernes</option>
</select>
<hr />
Adjunta tu curriculum vitae <input type="file" name="curriculum" />
<hr />
<input type="submit" value="Haz clic para enviar la informacíon" />
5
<input type="reset" value="Comenzar a rellenar de nuevo" />
</body>
</html>
6
Ejemplo6.html
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript">
function mostrar_tecla(e)
{
if (e.keyCode) keycode=e.keyCode;
else keycode=e.which;
document.getElementById('zonadeteclas').innerHTML =
document.getElementById('zonadeteclas').innerHTML + String.fromCharCode(keycode);
}
</script>
</head>
<body onkeypress="mostrar_tecla(event);">
<p>
Prueba de teclas: <span id="zonadeteclas"></span>
</p>
</body>
</html>

Ejemplos Unidad6

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Ejemplos Unidad6

Enviado por

Direitos autorais:

Formatos disponíveis

Unidad 6.

<input type="reset" value="Comenzar a rellenar de nuevo" />

Você também pode gostar