<?php /* lets suposse you have this folder tree yourproject/ vendors/ lib_1/ lib_n/ theframework/ -->uncompressed zip helpers/ index.php */ //this file is: yourproject/index.php include_once("vendors/theframework/helpers/autoload.php"); use TheFramework\Helpers\HelperInputText; $oInput = new HelperInputText(); $oInput->set_value("Hello World"); $oInput->add_class("form-control"); $oInput->show();
It helps to create html element "label":
<label>...innerhtml...</label>
<?php use TheFramework\Helpers\HelperForm; use TheFramework\Helpers\HelperLabel; use TheFramework\Helpers\HelperInputText; use TheFramework\Helpers\HelperSelect; $arFields = []; $oLabel = new HelperLabel("txtSomeId","Label for text"); $oLabel->add_class("custom-control"); $arFields[] = $oLabel; $oText = new HelperInputText(); $oText->add_class("col-4"); $oText->add_class("form-control"); $oText->add_extras("placeholder","...some text here"); $oText->set_id("txtSomeId"); $oText->set_name("txtSomeName"); $arFields[] = $oText; $arFields["sel"] = new HelperSelect( [""=>"choose...","one"=>"One","two"=>"Two","three"=>"Three"], "idSelDemo","nameSelDemo", new HelperLabel("idSelDemo","Label for Select")); $oForm = new HelperForm(); $oForm->add_class("col-6"); $oForm->add_style("border:1px dashed #4f9fcf;"); $oForm->add_style("padding:5px;"); $oForm->set_id("myForm"); //$oForm->set_action("/"); $oForm->set_method("some_method"); $oForm->set_enctype("myEncType"); $oForm->add_controls($arFields); $oForm->show(); ?>
<form id="myForm" method="some_method" enctype="myEncType" class="col-6" style="border:1px dashed #4f9fcf;;padding:5px;"> <label for="txtSomeId" class="custom-control">Label for text</label> <input type="text" id="txtSomeId" name="txtSomeName" maxlength="50" class="col-4 form-control" placeholder="...some text here"> <label for="idSelDemo">Label for Select</label> <select id="idSelDemo" name="nameSelDemo" size="1"> <option value="" selected="">choose...</option> <option value="one">One</option> <option value="two">Two</option> <option value="three">Three</option> </select> </form>