lunes, 21 de enero de 2013

El form y el control input

Actualmente estoy trabajando en el control form y el control input solamente.

Centrandome en el control input, y viendo ciertas funciones de Bootstrap (aunque por el momento no todas), puedo generar formularios con el siguiente código:


<?php

include_once "velkan.php";

$velkan=new velkan(array("level"=>"",
                         "title"=>"Form e input"));

$input=new velkan_input(array("id"=>"id_1",
                              "name"=>"name_1",
                              "label"=>"Prueba 1:",
                              "placeholder"=>"Prueba de input"));

$input2=new velkan_input(array("id"=>"id_2",
                               "name"=>"name_2",
                               "label"=>"Prueba 2:",
                               "placeholder"=>"Prueba de input 2"));

$input2->set_append("00");

$input3=new velkan_input(array("id"=>"id_3",
"name"=>"name_3",
"label"=>"Prueba 3:",
"placeholder"=>"Prueba de input 3"));

$input3->set_prepend("@");

$form=new velkan_form(array("id"=>"forma",
                            "action"=>"#",
                            "method"=>"post"));

$form->add_obj("<legend>Prueba de input</legend>");
$form->add_obj($input);
$form->add_obj($input2);
$form->add_obj($input3);

$form->set_type(velkan_form::$FORM_TYPE_HORIZONTAL);

$velkan->add_obj($form);
$velkan->render();
unset($velkan);
?>
Parece mucho código, pero la ventaja será que estos componentes tendrán funciones y demás ya de forma predefinida.

Esto me generará el siguiente formulario:

Teniendo esto puedo hacer muchas cosas, como agregarle funciones javascript a cada input.

No hay comentarios:

Publicar un comentario