Be Sociable, Share!

miércoles, 15 de junio de 2016

WEB FORM: BÚSQUEDA WEB - FORMULARIO WEB


BÚSQUEDA WEB - FORMULARIO WEB/>


Los formularios, permiten al usuario introducir datos para que sean enviados a un servidor web para que sean procesados. <BÚSQUEDA WEB - FORMULARIO WEB/>


La etiqueta <input> es la mas usada en formularios

Input no tiene etiqueta de cierre.
Campos de texto
maxlenght= numero de caracteres
Size and value = numeros de caracteres
La etiqueta <input>


En definitiva, un formulario web es un elemento basico para cualquier  sitio web.
Etiquetas y atributos que se emplean en un formulario:





  • input.
  • text.
  • checkbox.
  • radio.
  • file.
  • password.
  • hidden.
  • button.
  • submit.
  • image.
  • select.
  • option.
  • optgroup.
  • textarea.
  • label.
  • fieldset.
  • legend.



  • Métodos de envío

    • GET
    <form action="" method="get">
    datos visibles (URL)
    Limitada
    Métodos de envío <form action>Favoritos
    E.g.: formulario de búsqueda



    • POST 
    datos no visibles
    sin limite
    Ficheros
    E.g.: formulario de registro



    Ejemplo 0:

    Métodos de envío <form action>


    Métodos de envío <form action>

    Ejemplo 1:

    Input





    Para etiqueta form submit tiene atributo para envio de archivos. 
    <form enctype="multipart/form-data">
    <input type= "file..."/>
    </form>



    Formulario de registro
    Atributo de 
    <input type= "submit/reset/button/image">
    Hay que meter Java script...
    Que estoy en proceso de descubriemento, todavía.....




    <label for="nombre">Nombre:</label> <input type="text" name="nombre" id="nombre" maxlength="50" />

    Label: Esta etiqueta nos permite asignar un texto a un campo de texto. Me explico. Si tenemos por ejemplo en un sector de nuestro sitio web lo siguiente:
    <label for=”nombre”>Nombre</label>
    <input type=”text” id=”nombre”>

    Si utilizamos la etiqueta label, y la asignamos a el campo que la acompaña, hacer click en el texto “Nombre”  es equivalente a hacer click en el campo de texto.



    SELECT:


    Etiqueta Select








    FIELDSET:


    Etiqueta FIELDSET







    ETIQUETAS PARA TABLAS:







    ETIQUETAS PARA TABLAS


    ¿COMO ENVIAR LOS DATOS?

    En el atributo action de la etiqueta <form> que define un formulario se puede indicar un correo electrónico para que los datos se envíen directamente a un correo electrónico. ¿Cómo se hace? 







    MÁS IMPORTANTE: JUEGO DE CARACTERES:


    • Utiliza siempre el mismo juego de caracteres.
    • Utiliza UTF-8 sin BOM.
    • Diferencias entre ISO-8859-1 (Latin1) e ISO-8859-15 (Latin9).
    • Cómo se indica el juego de caracteres en HTML (etiqueta meta).
    • Diferencias entre HTML4, XHTML1 y HTML5.

    HTML 4






    Meta Charset: etiqueta para caracteres especiales






    No hay comentarios:

    Publicar un comentario