Formularios en HTML

Formularios

Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas revistas.

El lector escribe la información rellenando campos o haciendo clic sobre botones, y luego presiona un botón de envío para enviarla a una dirección URL que se suele dirigir a una dirección de correo electrónico o a un script dinámico Web como PHP, ASP o CGI.

La etiqueta FORM

 

Los formularios están delimitados con la etiqueta <FORM> … </FORM>, que permite reunir varios elementos de formulario, como botones y casillas de texto y que debe poseer los siguientes atributos:

Leer más

Insertar registros en una base de datos MySQL con formularios y PHP

En este post vamos a ver como insertar un registro en la Base de Datos, para lo cual precisaremos 2 archivos que vamos a ver a continuación, con el código listo para copiar y pegar, de manera tal que podrán hacer sus propias pruebas.
El primer archivo consistirá en un formulario en HTML, en el cual habrá 2 campos de texto, uno para el nombre (recuerden que vamos a utilizar la base de datos llamada empleados que creamos anteriormente) y otro para el apellido.
Luego tendremos dos botones: Uno para confirmar los datos y otro para que se nos limpie el formulario automáticamente en caso de que hay error en los datos ingresados.
Aquí podrán ver el código para el formulario HTML:
<html>
<head>
<title>Formulario HTML</title>
</head>
<body>
<form action=”insert.php” method=”post”>
<label>Nombre:</label>
<input type=”text” name=”nombre_form”>
<label>Apellido: </label>
<input type=”text” name=”apellido_form”>
<input type=”submit”><input type=”reset”>
</form>
</body>
</html>

Por otro lado, tendremos un archivo llamado insert.php (fijense que el formulario está apuntando a dicho archivo) el cual procesará esos datos y los insertará en la tabla empleados de la Base de Datos que creamos en una clase anterior:
<?php
//1. Crear conexión a la Base de Datos
$conexion = mysql_connect(”localhost”,”root”,””);
if (!$conexion) {
die(”Fallo la conexión a la Base de Datos: ” . mysql_error());
}
//2. Seleccionar la Base de Datos a utilizar

Leer más

Pequeño formulario en JS para buscar internamente

Hola amigos buscando un formulario por fin halle uno bueno para un buscador interno de webs en JS para Html, aqui lo dejo:

<FORM>
<SELECT NAME="lista">
<OPTION SELECTED VALUE="Web Aqui">Ejemplo 1
<OPTION VALUE="http://www.jyjdisenosweb.tk">Diseños Web
<OPTION VALUE="http://www.reggnetwork.net">Soporte Informático
<OPTION VALUE="http://www.indetectables.net">Hacking General
</SELECT><P>
<INPUT TYPE=BUTTON VALUE="Ir al Sitio"
onClick="top.location.href=this.form.lista.options[this.form.lista.selectedIndex].value">
</FORM>
Espero que a alguien le sirva de algo. Exitos

 

Leer más

Codigos y Manual para Hojas de Estilo (CSS)

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <H2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <H1> debía disponer de la información si se deseaba un diseño consistente para una página, y además, una persona que lea esa página con un navegador pierde totalmente el control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <H1> no debería proporcionar información sobre como va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, especifica cómo se ha de mostrar <H1>: color, fuente, alineación del texto, tamaño, y otras características no visuales 

Leer más

Manual y Codigos de Java Script

JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.

Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente dicho, ya que dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.

Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del DOM ( El Document Object Model (una traducción al español para nada literal, pero apropiada, podría ser Modelo en Objetos para la representación de Documentos), abreviado DOM, es esencialmente un modelo computacional a través del cual los programas y scripts pueden acceder y modificar dinámicamente el contenido, estructura y estilo de los documentos HTML y XML. Su objetivo es ofrecer un modelo orientado a objetos para el tratamiento y manipulación en tiempo real (o de forma dinámica) a la vez que de manera estática de páginas de internet.)

Leer más

Codigos y Manual del lenguaje de programacion HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).


Si deseas aprender mas acerca de este lenguaje de programacion para paginas web, descarga este manual donde aprenderas de una forma sencilla y facil. Tambien en este espacio podras colaborar con codigos y tips relacionados con este muy utilizado lenguaje de programacion web.

Leer más

Codigos y Manual del lenguaje de programacion PHP

PHP es un lenguaje de scripting que permite la generacion dinamica de contenidos en un servidor web. El significado de sus siglas es HyperText Preprocessor. Entre sus principales caracteristicas cabe destacar su potencia, su alto rendimiento, su facilidad de aprendizaje y su escasez de consumo de recursos.

El codigo PHP debe incluirse dentro del codigo html de la pagina. Para delimitar la seccion de codigo PHP podemos hacerlo de varias formas:

-Usando las etiquetas <?php y <?
-Usando las etiquetas <? y ?>
-Mediante <script languaje=”php”> </script>

El funcionamiento de las paginas en PHP alojadas en un servidor es el siguiente:

-El navegador del cliente solicita el documento php
-Llega la solicitud del servidor y el servidor localiza el documento.Debido a la extension del documento lanza y ejecuta el interprete de PHP y ejecuta todo su codigo
-Una vez ejecutado el codigo se genera el resultado en HTML y lo devuelve al servidor para que lo transfiera al cliente
-El servidor transfiere el resultado en HTML y es mostrado en el navegador del cliente.


Si deseas aprender mas acerca de este lenguaje de programacion para paginas web interactivas, descarga este manual donde aprenderas de una forma sencilla y facil. Tambien en este espacio podras colaborar con codigos y tips relacionados con este muy utilizado lenguaje de programacion web.

Leer más
1 2 3 4 5