setMode('development');
/* Input with icon
-------------------------------------------------- */
$form->startFieldset('Input with icon');
$form->setCols(3, 9);
$form->addIcon('input-with-icon-after', 'person', 'after');
$form->addInput('text', 'input-with-icon-after', '', 'Your name');
$form->addIcon('input-with-icon-before', 'person', 'before');
$form->addInput('text', 'input-with-icon-before', '', 'Your name');
$form->setCols(0, 12);
$form->addIcon('input-with-icon-after-2', 'person', 'after');
$form->addInput('text', 'input-with-icon-after-2', '', 'Your name');
$form->addIcon('input-with-icon-before-2', 'person', 'before');
$form->addInput('text', 'input-with-icon-before-2', '', 'Your name');
$form->endFieldset();
/* Input with Button
-------------------------------------------------- */
$form->startFieldset('Input with button');
$form->setCols(3, 9);
$addon = '';
$form->addAddon('input-with-button-after', $addon, 'after');
$form->addInput('text', 'input-with-button-after', '', 'Your name');
$addon = '';
$form->addAddon('input-with-button-before', $addon, 'before');
$form->addInput('text', 'input-with-button-before', '', 'Your name');
$form->setCols(0, 12);
$addon = '';
$form->addAddon('input-with-button-after-2', $addon, 'after');
$form->addInput('text', 'input-with-button-after-2', '', 'Your name');
$addon = '';
$form->addAddon('input-with-button-before-2', $addon, 'before');
$form->addInput('text', 'input-with-button-before-2', '', 'Your name');
$form->endFieldset();
/* Input with Text
-------------------------------------------------- */
$form->startFieldset('Input with text');
$form->setCols(3, 9);
$addon = '$';
$form->addAddon('input-with-text-after', $addon, 'after');
$form->addInput('number', 'input-with-text-after', '', 'Number');
$addon = '$';
$form->addAddon('input-with-text-before', $addon, 'before');
$form->addInput('number', 'input-with-text-before', '', 'Number');
$form->setCols(0, 12);
$addon = '$';
$form->addAddon('input-with-text-after-2', $addon, 'after');
$form->addInput('number', 'input-with-text-after-2', '', 'Number');
$addon = '$';
$form->addAddon('input-with-text-before-2', $addon, 'before');
$form->addInput('number', 'input-with-text-before-2', '', 'Number');
$form->endFieldset();
/* Input with Button & icon
-------------------------------------------------- */
$form->startFieldset('Input with button & icon');
$form->setCols(3, 9);
$form->addIcon('input-with-button-and-icon-after', 'person', 'before');
$addon = '';
$form->addAddon('input-with-button-and-icon-after', $addon, 'after');
$form->addInput('text', 'input-with-button-and-icon-after', '', 'Your name');
$form->addIcon('input-with-button-and-icon-before', 'person', 'after');
$addon = '';
$form->addAddon('input-with-button-and-icon-before', $addon, 'before');
$form->addInput('text', 'input-with-button-and-icon-before', '', 'Your name');
$form->setCols(0, 12);
$form->addIcon('input-with-button-and-icon-after-2', 'person', 'before');
$addon = '';
$form->addAddon('input-with-button-and-icon-after-2', $addon, 'after');
$form->addInput('text', 'input-with-button-and-icon-after-2', '', 'Your name');
$form->addIcon('input-with-button-and-icon-before-2', 'person', 'after');
$addon = '';
$form->addAddon('input-with-button-and-icon-before-2', $addon, 'before');
$form->addInput('text', 'input-with-button-and-icon-before-2', '', 'Your name');
$form->endFieldset();
/* Input with date picker & cancel button
-------------------------------------------------- */
$form->startFieldset('Input with date picker & cancel button');
$addon = '';
$form->addAddon('date-pickup', $addon, 'after');
$form->addInput('text', 'date-pickup', '', 'Pick a date please');
$form->addPlugin('material-datepicker', '#date-pickup');
$form->endFieldset();
/* Select with Button
-------------------------------------------------- */
$form->startFieldset('Select with button');
$addon = '';
$form->addAddon('select-with-button-after', $addon, 'after');
$form->addOption('select-with-button-after', '', 'Choose a prefix ...', '', 'disabled, selected');
$form->addOption('select-with-button-after', 'Mr', 'Mr');
$form->addOption('select-with-button-after', 'Mrs', 'Mrs');
$form->addSelect('select-with-button-after', '', 'required');
$addon = '';
$form->addAddon('select-with-button-before', $addon, 'before');
$form->addOption('select-with-button-before', '', 'Choose a prefix ...', '', 'disabled, selected');
$form->addOption('select-with-button-before', 'Mr', 'Mr');
$form->addOption('select-with-button-before', 'Mrs', 'Mrs');
$form->addSelect('select-with-button-before', '', 'required');
$form->endFieldset();
/* Select with Button + icon
-------------------------------------------------- */
$form->startFieldset('Select with button & icon');
$addon = '';
$form->addAddon('select-with-button-and-icon-after', $addon, 'after');
$form->addIcon('select-with-button-and-icon-after', 'person', 'before');
$form->addOption('select-with-button-and-icon-after', '', 'Choose a prefix ...', '', 'disabled, selected');
$form->addOption('select-with-button-and-icon-after', 'Mr', 'Mr');
$form->addOption('select-with-button-and-icon-after', 'Mrs', 'Mrs');
$form->addSelect('select-with-button-and-icon-after', '', 'required');
$addon = '';
$form->addAddon('select-with-button-and-icon-before', $addon, 'before');
$form->addIcon('select-with-button-and-icon-before', 'person', 'after');
$form->addOption('select-with-button-and-icon-before', '', 'Choose a prefix ...', '', 'disabled, selected');
$form->addOption('select-with-button-and-icon-before', 'Mr', 'Mr');
$form->addOption('select-with-button-and-icon-before', 'Mrs', 'Mrs');
$form->addSelect('select-with-button-and-icon-before', '', 'required');
$form->endFieldset();
?>
Material Design - Input with Addons examples - How to create PHP forms easily
printIncludes('css'); ?>
Php Form Builder - Material Design Input and select with icon, button and text Addons
printIncludes('js');
$form->printJsCode();
?>