Генерація html-коду форм за допомогою мови php - стаття на

Побудова форми зі збереженням вже введених значень - не така вже й проста задача, особливо якщо доводиться мати справу зі списками значень для вибору або c полями, відповідними масивів. Пропоновані інструменти дозволяють звести рішення цієї проблеми до опису полів форми у вигляді простих конфігурацій і підключенню потрібних HTML-шаблонів.

склад пакету

До складу інструментарію входять:

Основні принципи складання конфігурації полів

Припустимо, потрібно отримати ось таку форму:

Для цього буде потрібно наступний код PHP:

# 1. Отримуємо дані полів форми

require_once 'make_form_data.php'; # Підключаємо код функції

$ Cfg = array # Складаємо конфігурацію полів
# 40;
// перша група
'Short_note',
'Longer_text',
'Some_file',
'Flag',

// друга група
'Period' => array # 40; 'Values' => array # 40;
'День'.
'Тиждень',
'Місяць',
'Рік',
# 41; # 41; ,
'Shape' => array # 40; 'Values' => array # 40;
'Round' => 'круглий',
'Square' => 'квадратний',
'Triangle' => 'трикутний'
# 41; # 41; ,
'Size' => array # 40; 'Values' => array # 40;
array # 40; 'Value' => ''. 'Title' => '- розмір -' # 41; ,
array # 40; 'Value' => 'small'. 'Title' => 'маленький' # 41; ,
array # 40; 'Value' => 'medium'. 'Title' => 'середній' # 41; ,
array # 40; 'Value' => 'big'. 'Title' => 'великий' # 41; ,
# 41; # 41; ,
'Color' => array # 40; 'Attr' => array # 40; 'Size' => 5 # 41 ;. // число видимих ​​елементів
// у
'Values' => array # 40;
'Black',
'White',
'Red' => 'червоний',
'Blue' => 'синій',
array # 40; 'Value' => 'green'. 'Title' => 'зелений' # 41;
# 41; # 41; ,
# 41; ;

$ FORMDATA = make_form_data # 40; $ Cfg. $ _POST # 41; ; # Генеруємо дані полів
# З урахуванням параметрів HTTP-запиту
# 2. Отримуємо HTML-код форми

require_once 'websun.php'; # Підключаємо обробник шаблонів

$ HTML = websun_parse_template_path # 40; $ FORMDATA. 'Form.tpl' # 41; ; # Підставляємо дані
# В HTML-шаблон форми

З точки зору складання конфігурації поля діляться на дві групи:

</li> <li><input type = "file"></li> </ul> <p>Скласти конфігурацію для цих полів дуже просто - треба всього лише вказати їх імена 1.</p> <p>Списки значень для вибору. Значення перераховуються в параметрі values. кожне з них може бути зазначено в форматі array # 40; 'Value' => 'значення'. 'Title' => 'підпис' # 41 ;. <br> 'Значення' => 'підпис' або просто 'значення'. Такими полями є:</p> <ul> <li>набір <input type = "radio"></li> <li>набір <input type = "checkbox"> для вибору кількох значень одночасно</li> <li><select> і <select multiple></li> </ul> </li> </ol><p>У шаблоні форми кожному з полів відповідає запис виду.</p> <p><form method = "POST"> <!-- - Для лучшей читаемости HTML-разметка таблицы не приводится --></p> <p>Список з возможностьюодновременного виборанесколькіх значень<br></p> <p><button> Відправити </button></p> <h2>атрибути полів</h2> <p>Трапляється, що полю потрібно присвоїти якихось атрибут, будь то клас, стиль або текст-заглушка. Зробити це можна, включивши в конфігурацію поля параметр attr. в якому потрібні атрибути слід перерахувати в форматі 'ім'я' => 'значення' 2. Наприклад, конфігурація</p> <p>'Input_2' => array # 40; <br> 'Attr' => array # 40; <br> 'Placeholder' => 'пишіть сюди',<br> 'Class' => 'special',<br> 'Style' => 'border: 2px solid # 808080; padding: 2px ',<br> # 41; ,<br> # 41;</p> <p>в поєднанні з шаблоном input.tpl дасть:</p> <p><input <br> type = "text" <br> name = "input_2" <br> value = "" <br> placeholder = "пишіть сюди" class = "special" style = "border: 2px solid # 808080; padding: 2px" <br>></p> <p>Значення атрибутів перед вставкою обробляються функцією htmlspecialchars (). 3</p> <h2>Поля, відповідні асоціативним масивів</h2> <p>Форма може містити поля з можливістю вибору декількох значень одного і того ж властивості, які в HTTP-запиті зручно отримувати у вигляді асоціативного подмассіва.</p> <p>Наприклад, обмеження за ціною зручно мати у вигляді</p> <p>Отримати відповідний набір полів можна, вказавши в конфігурації параметр keys.</p> <p>'Price' => array # 40; <br> 'Keys' => array # 40; 'Min'. 'Max' # 41; ,<br> # 41; ;</p> <p>У масиві для підстановки в шаблон додасться рівень вкладеності, і до полів потрібно буде звертатися по ключам:</p> <p>Буває потрібно диференціювати окремі поля, вказавши ті чи інші індивідуальні властивості. В цьому випадку елементи масиву keys приймають формат опису конфігурації поля 4. Наприклад:</p> <p>'Price' => array # 40; <br> 'Keys' => array # 40; <br> 'Min' => array # 40; <br> 'Attr' => array # 40; <br> 'Placeholder' => 'від',<br> # 41; ,<br> # 41; ,<br> 'Max' => array # 40; <br> 'Attr' => array # 40; <br> 'Placeholder' => 'до',<br> # 41; ,<br> # 41; ,<br> # 41; ,<br> # 41; ;</p> <p>Ключів може бути більше двох: 'keys' => array # 40; 'Min'. 'Max'. 'Avg'. # 41; і т.д. 5</p> <p>1. # X25b2; Скороченою записи виду 'ім'я' відповідає повна форма 'ім'я' => array # 40; # 41;</p> <p>2. # X25b2; Атрибути, які зазвичай застосовують без значень, вказуються з дублюванням: <br> 'Readonly' => 'readonly'. 'Disabled' => 'disabled' і т.п.</p> <p>3. # X25b2; Це зручно, зокрема, коли в якості атрибута потрібно використовувати JSON. наприклад:</p> <p>Завдяки обробці htmlspecialchars # 40; # 41; лапки з JSON встануть в значення атрибуту без проблем.</p> <p>4. # X25b2; При цьому параметри, які не вказані в елементі keys. успадковуються від батьківської конфігурації.</p> <p>5. # X25b2; Вкладеність ключів може бути багаторівневою:</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/mova-juridichnih-dokumentiv-juridichnij-tekst.php">Мова юридичних документів юридичний текст - основна і найважливіша форма вираження права</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <ul> <li><a href="/articles/kreditna-karta-tinkoff-platinum-umovi-ta-vidguki.php">Кредитна карта Тінькофф платинум умови та відгуки</a></li> <li><a href="/articles/chudomir-lotos-bozhestvenna-kvitka.php">Chudomir, лотос - божественна квітка</a></li> <li><a href="/articles/big-zranku.php">Біг зранку</a></li> <li><a href="/articles/vse-pro-pivo.php">Все про пиво</a></li> <li><a href="/articles/denebol-gel-zasib-vid-bolju.php">Денебол гель - засіб від болю</a></li> </ul> <p>© Copyright 2016 - 2024 | Всі права захищен</p> <br> <p><a href="/privacy.php">Privacy Policy</a></p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </footer> </div> </div></body> </html>