Генериране на HTML форма-код с помощта на PHP език

Предишен ◈ Следващото

Изграждане на форма с опазването на вече въведените стойности - не е лесна задача, особено ако се занимават със списъци на ценности, за да изберете или в области, съответстващи масиви. Осигурява инструменти за намаляване на решаването на този проблем до описание на полетата на формата, под формата на проста конфигурация и свързване на желаните HTML-шаблони.

пакет

В комплекта инструменти включват:

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

Да предположим, че искате да получите тук тази форма:

Това ще изисква следното код PHP:

1. Вземете полетата за данни под формата

require_once 'Make_form_data.php; # Свържете кода функция

$ CFG = масив # поле компоненти конфигурация
# 40;
// първата група
"Short_note"
"Longer_text"
"Some_file"
"Знаме",

// втората група
"Период '=> масив # 40; "Стойности" => масив # 40;
"Ден".
"Седмица"
"Месец"
"Година"
# 41; # 41; ,
"Форма '=> масив # 40; "Стойности" => масив # 40;
"Round '=>' кръг"
"Пл '=>' квадрат"
"Триъгълник '=>' триъгълна"
# 41; # 41; ,
"Размер '=> масив # 40; "Стойности" => масив # 40;
масив # 40; "Стойност '=>' '. "Заглавие '=>' - размер -" # 41; ,
масив # 40; "Стойност '=>' малък. "Заглавие '=>' малки ' # 41; ,
масив # 40; "Стойност '=>' среда. "Заглавие '=>' средна ' # 41; ,
масив # 40; "Стойност '=>' голямо". "Заглавие '=>' голям ' # 41; ,
# 41; # 41; ,
"Цвят '=> масив # 40; "ATTR '=> масив # 40; "Размер '=> 5 # 41. // броя на видимите елементи
// у

</li>
<li><input type = "file"></li>
</ul>
<p>Създаване на конфигурацията за тези области е много прост - просто трябва да посочат имената им 1.</p>
<p>Списъци на стойности, които да избирате. Стойностите, посочени в стойностите на параметрите. всеки от които може да бъде определен във формат масив # 40; => 'Стойност "" стойност ". "Заглавие" => "подпис" # 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"> </p>
<p>ценности Списък vozmozhnostyuodnovremennogo vyboraneskolkih<br></p>
<p><button> за да изпратите </button></p>
<h2>атрибути полета</h2>
<p>Това се случва, че областта, която искате да присвоите всеки атрибут, дали клас, стил или текст-щепсел. Това може да стане чрез включване в ATTR конфигурация параметър област. в който атрибутите следва да бъдат изброени в формат "наименованието" на => 'стойност "2. Например, конфигурацията</p>
<p>"INPUT_2 '=> масив # 40; <br> "ATTR '=> масив # 40; <br> "Заместител '=>' пиша тук"<br> "Клас" => "специално",<br> "Стил '=>' граница: 2px твърдо # 808080; подложка: 2px "<br> # 41; ,<br> # 41;</p>
<p>във връзка с input.tpl на шаблон ще:</p>
<p><input <br> тип = "текст" <br> име = "INPUT_2" <br> стойност = "" <br> Заместител = "пиша тук" клас = "специален" стил = "граница: 2px твърдо # 808080; подложка: 2px" <br>></p>
<p>Умение стойности се обработват преди вмъкване htmlspecialchars (функция). 3</p>
<h2>Полетата съответстващи асоциативни масиви</h2>
<p>Една форма може да съдържа полета за множество стойности на същите свойства, които са в HTTP-заявката удобно получава като асоциативен subarray.</p>
<p>Така например, за ограничаване на цените е удобно да има</p>
<p>Се съответните области могат да се задават чрез определяне ключовете на параметрите в конфигурацията.</p>
<p>"Цена" => масив # 40; <br> = "Ключове"> масив # 40; "Min". "Макс" # 41; ,<br> # 41; ;</p>
<p>В масива да вмъкнете в шаблона се добавя към нивото на вмъкване и областта ще трябва да се справят по клавишите:</p>
<p>Може да се наложи да се прави разлика между отделните области, като посочи, че отделни имоти. В този случай, елементите на масив вземат ключовете формат поле описание 4. Конфигурация пример:</p>
<p>"Цена" => масив # 40; <br> = "Ключове"> масив # 40; <br> "Минимална '=> масив # 40; <br> "ATTR '=> масив # 40; <br> "Заместител '=>' от '<br> # 41; ,<br> # 41; ,<br> "Max '=> масив # 40; <br> "ATTR '=> масив # 40; <br> "Заместител '=>' да '<br> # 41; ,<br> # 41; ,<br> # 41; ,<br> # 41; ;</p>
<p>Ключовете могат да бъдат повече от две: "ключове" => масив # 40; "Min". "Max". "Средна". # 41; и т.н. 5</p>
<p>1. # X25B2; И краткото като "име" съответства на пълната форма на името '=> масив # 40; # 41;</p>
<p>2. # X25B2; Атрибути, които обикновено се използват без стойности, посочени в два екземпляра: <br> "Само за четене '=>' само за четене. "За хора с увреждания '=>' инвалиди" и т.н.</p>
<p>3. # X25B2; Това е полезно, по-специално, когато атрибут, който искате да използвате JSON. Например:</p>
<p>Поради обработка htmlspecialchars # 40; # 41; цитати от JSON ще се покачват в стойността на атрибут, без никакви проблеми.</p>
<p>4. # X25B2; Параметрите, които не са посочени в ключовете на елемента. наследени от конфигурацията майка.</p>
<p>5. # X25B2; Гнезда ключове могат да бъдат на няколко нива:</p>

<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/journal/ezikt-na-pravni-dokumenti-zakonov-tekst-osnovnijat.html">Езикът на правни документи законов текст - основният и най-важен формата на права израз</a></p>
</li>
</ul>
</div>
																								<div class="article-share clearfix">						<button class="article-share__print" type="button">							<span class="print-title">Отпечатайте това</span>						</button>						<div class="article-share__btns">							<div class="article-share__title">Подкрепете проекта - споделете линка, благодаря!</div>
						</div>					</div>																																													<style>
# mc-container {
подложка: 10px;
}
</style>
<div class="comments-area">
<div id="mc-container">
<div id="mc-content">
</div>
</div>
</div>
											<p> </p>					<p> </p>					<p> </p>
				</div>
			</div>			</article>														<aside class="main-sidebar">

<div class="main-block b-orange experts-block">
						<div class="main-block__title">Отговорите на експертите <br />на вашите въпроси</div>
						<div class="main-block__expertlist">
														<div class="expertlist-cart">
								<a href="/expert/68"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/08/hrunina.jpg" alt="Кхунина Анна Викторовна"></a>
								<a href="/expert/68" class="expertlist-cart__name"><span>Кхунина Анна Викторовна</span></a>
								<span class="expertlist-cart__desc">Съветник по кърменето</span>
							</div>
														<div class="expertlist-cart">
								<a href="/expert/17"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/06/bibikova-elena.jpg" alt="Бибикова Елена Анатолиевна"></a>
								<a href="/expert/17" class="expertlist-cart__name"><span>Бибикова Елена Анатолиевна</span></a>
								<span class="expertlist-cart__desc">Психолог на семейната система</span>
							</div>
														<div class="expertlist-cart">
								<a href="/expert/100"><img class="expertlist-cart__photo" src="/wp-content/uploads/2016/02/aniva-200.jpg" alt="Анна Нива"></a>
								<a href="/expert/100" class="expertlist-cart__name"><span>Анна Нива</span></a>
								<span class="expertlist-cart__desc">Учител по детска йога</span>
							</div>
														<a href="/experts/" class="ui-btn">Задайте въпрос</a>
							<div class="expertlist-cart__answers">
								<a href="/experts/" class="link">Вижте експертни отговори</a>
							</div>
						</div>
					</div>

<div class="main-block b-border">
<div class="main-block__title"><span class="title-wrapper">Най-важното</span></div>
<ul class="main-block__important">
<li class="important-item"><a href="/journal/kak-da-se-pomogne-na-chovek-da-prosti-iznevjara.html" class="important-link" role="link">Как да се помогне на човек да прости изневяра Портал - съвети за жени и момичета</a></li>
<li class="important-item"><a href="/journal/kak-da-se-gotvi-gbena-supa-s-jufka.html" class="important-link" role="link">Как да се готви гъбена супа с юфка</a></li>
<li class="important-item"><a href="/experts/kak-da-se-aktivira-muladhara-chakra-e-interesno.html" class="important-link" role="link">Как да се активира Муладхара чакра е интересно упражнение!</a></li>
<li class="important-item"><a href="/journal/kak-da-se-svrzhete-s-hlorgenerator-basejn.html" class="important-link" role="link">Как да се свържете с hlorgenerator басейн</a></li>
<li class="important-item"><a href="/journal/kak-da-se-izgradi-garazh-na-tuhli-ss-sobstvenite.html" class="important-link" role="link">Как да се изгради гараж на тухли със собствените си ръце - лесно нещо</a></li>
</ul></div>			
</aside>
								</main>	
<footer id="footer" class="page-padding clearfix" role="contentinfo">
			<div class="footer-col">
				<div class="footer-logo">
					<a href="/" rel="nofollow" title="Към началната страница"><img class="footer-logo__img" src="/wp-content/themes/kids2015/img/ui/ui_logo-small.png" alt="test.test"></a>					<span class="footer-logo__desc">Всичко за децата <br />от раждането до училището</span>
				</div>
				<p class="footer-copyright">© 2013-2024. Портал за родителите "Всичко за децата".<br />Копирането на материали е разрешено само при посочване на активната хипервръзка към източника.</p>
				<div class="footer-counters">
					<div class="footer-counters__item">

<script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script>			</div>
				</div>
			</div>
			<div class="footer-col">
				<div class="footer-nav__header">информация</div>
				<ul class="footer-nav">
					<li class="footer-nav__item">
						<a href="/about/" role="link">За проекта</a>
					</li>
					<li class="footer-nav__item">
						<a href="/privacy.html">Политика за поверителност</a>
					</li>
					<li class="footer-nav__item">
						<a href="/sitemap/" role="link">Карта на сайта</a>
					</li>
					<li class="footer-nav__item">
						<a href="/about/advertise/" class="red-text" role="link">Рекламно разположение</a>
					</li>
				</ul>
			</div>
			<div class="footer-col">
				
					<div class="footer-subscribe">

</div>
					<div class="footer-recommend">
						Моля, подкрепете проекта - разкажете ни за социалните мрежи!

</div>
				
			</div>
		</footer>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
jQuery(function(f){
console.log(1);
        f('.advads-close-button').fadeOut(0);
    f(window).scroll(function(){
        var element = f('#adv-scrool-4438ffc39d0');
        var offset_element_for_hide = jQuery(document).height();
        if(f(this).scrollTop() > 500){
            setTimeout(function(f) {f('.advads-close-button').fadeIn(0);}, 10000, f);
            element.fadeIn(0);
        }
        if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){
            element.fadeOut(0);
        }
    });
});
</script>
	<script>window.jQuery || document.write('<script src="/wp-content/themes/kids2015/js/libs/jquery-1.11.2.min.js"><\/script>')</script>
	<script src="http://code.jquery.com/jquery-migrate-1.4.0.js"></script>
	<script src="/wp-content/themes/kids2015/js/libs/jquery.magnific-popup.min.js"></script>
	<script src="/wp-content/themes/kids2015/js/libs/alertify.min.js"></script>
	<script src="/wp-content/themes/kids2015/js/work.js"></script>
</section>
<button id="scrollUp" type="button" title="Обратно горе"></button></div>
</body>
</html>