viernes, 27 de mayo de 2016

Form border line with HTML5 Fieldset



Like having a border line in your login and registration forms or just want to highlight a text professionally organized using HTML5 <fieldset> Tag

Como tener una línea de borde en sus formularios de login y registros o simplemente para un texto que quieran resaltar de manera profesional y organizada utilizando HTML5 <fieldset> Tag

Example
Group related elements in a form:

Así se veria nuestro formulario utilizando HTML5 <fieldset> Tag

So our form would look using HTML5 <fieldset> Tag



Code from form

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>
</form>
Default CSS Settings

Most browsers will display the <fieldset> element with the following default values:


Este es el Codigo CSS


 fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}



solo usen la etiqueta del <fieldset> Tag dentro de un <div></div> o dentro de nuestro formulario:



       <form>
         <fieldset>..AQUI EL CONTENIDO..</fieldset>

       </form>


Fuente: w3schools





About the Author

Unknown

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.



::PUBLICIDAD::

Publicar un comentario

 
Coffee Code y SEO © 2016 - Diseñado por | Plantilla de Templateism Blogger Templates