Ejemplo creando form / formulario con zen coding

En este ejemplo crearemos un formulario con sus los elementos
como ser los label, input y button con zen coding:

ten en cuenta en escribir el codigo y presionar control + e para efectuar la accion.

form:
< form action="" >< / form >

input:
< input type="" / >

input:t:
< input type="text" name="" id="" / >

input:b:
< input type="button" value="" / >

input:h:
< input type="hidden" name="" / >

label:
< label for=""  > < / label >



aqui un ejemplo utilizando los elementos mostrados anteriormente:

html:5>form>label>input:t>br>label>input:b

Nos da como reultado:

< !DOCTYPE HTML>
 < html lang="en-US">
< head >
< meta charset="UTF-8" >
< title >< / title >
< / head >
< body >
< form action="" >< label for="" ><  input type="text" name="" id="" >< br >< label for="" >< input type="button" value="" / >< / label >< / br> </ input  >< / label> < / form >
<  / body >
< / html >

aqui otro ejemplo:
html:5>form>table>ul>input:h =

< ! DOCTYPE HTML >
< html lang="en-US" >
< head >
< meta charset="UTF-8" >
< title > < / title >
< /  head >
< body >
< form action="" >
< table >
< ul > < input type="hidden" name=""  / > < / ul >
< / table >

 < / body >
< /  html >

Zen Coding

Anterior

Siguiente