<?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>