Совет 1: Как передать checkbox

Чекбоксы - это элементы формы, в которых пользователь может поставить или наоборот убрать отметку. Часто их называют «флажками» и используют как триггер, который позволяет получить один из двух вариантов ответов - «да» либо «нет». Чаще всего вопрос о передаче значений чекбоксов возникает при создании начинающими программистами форм в гипертекстовых документах. Ниже описан минимально необходимый для решения этой задачи набор тегов, который следует поместить в такой документ.
Инструкция
1
Поместите в документ тег form - в его атрибуты должна быть вписана информация о том, каким методом и по какому адресу будут отправляться данные всех элементов формы, включая чекбоксы. Адрес скрипта-обработчика данных впишите в атрибут action, а способ передачи данных - в атрибут method. Значение атрибута action можно оставить пустым, если страница, из которой отправляется информация, сама же и является скриптом-обработчиком. Для метода передачи данных допустимы два значения - Get и Post. Выбор зависит от того, который из этих вариантов запрограммирован для чтения получаемых данных в скрипте-обработчике. Полностью тег form с минимально необходимым набором атрибутов может выглядеть, например, так:

<form action="http://kakprosto.ru/sendData.php" method="GET"></form>
2
Впишите необходимое количество элементов выбора (чекбоксов) между открывающим и закрывающим тегами формы. Делается это с помощью тегов input, в атрибут type которых пишется значение checkbox. Каждый из них должен содержать как минимум два обязательных атрибута - name и value. Обратите внимание на атрибут name - в отличие от группированных элементов выбора (radio) значения имени у каждого чекбокса должны различаться. Помещенное в этот атрибут слово будет использовано как имя переменной, передаваемой из формы. Значение же атрибута value будет присвоено переменной с этим именем. Такая группа тегов в форме может выглядеть, например, так:

<form action="http://kakprosto.ru/sendData.php" method="GET">
<input type="checkbox" name="quest_1" value="1" />
<input type="checkbox" name="quest_2" value="2" />
<input type="checkbox" name="quest_3" value="3" />
</form>
3
Поместите перед закрывающим тегом формы кнопку, нажатие которой будет отправлять выбранное пользователем значение чекбокса по адресу, указанному в открывающем теге формы. Сделайте это с помощью тега input, поместив в атрибут type значение submit. Кроме этого атрибута можно добавить еще и value, вписав туда текст для отображения его на кнопке отправки данных. Полностью код, который позволит отправить информацию выбранного посетителем чекбокса скрипту-обработчику, может выглядеть, например, так:

<form action="http://kakprosto.ru/sendData.php" method="GET">
<input type="checkbox" name="quest_1" value="1" />
<input type="checkbox" name="quest_2" value="2" />
<input type="checkbox" name="quest_3" value="3" />
<input type="submit" value="Отправить" />
</form>

Совет 2: Как передать в скрипт параметр

Применительно к программированию словом «скрипт» сегодня принято называть программу, написанную на одном из скриптовых языков программирования. Если скрипту надо передать какой-либо параметр, то делается это, как правило, при вызове такой программы. Другие способы (например, передача параметров через промежуточный файл) тоже существуют, но они значительно менее удобны в использовании.
Инструкция
1
Если вызов скрипта происходит из открытого окна браузера, то при этом доступны два метода передачи параметров - POST и GET. Метод POST можно применять к скриптам, исполняемым на сервере и поэтому имеющим доступ к его «переменным окружения». Это могут быть, например, скрипты на языках PHP или Perl. Для передачи параметра этим методом разместите в странице форму с элементами для ввода параметров, которые будут отправляться скрипту. Хотя, это могут быть не только доступные пользователю текстовые поля (text, textarea, password, checkbox и т.д.), но и скрытые поля типа hidden. В атрибуте action тега form должен быть указан адрес размещения скрипта, а в атрибуте method - метод передачи параметра (POST). Например, html-код вызова скрипта script.php с передачей ему параметра с названием someParam и значением 3.14 может выглядеть так:<form action="file:///F:/sources/script.php" method="POST"> <input type="hidden" name="someParam" value="3.14" /> <input type="submit" value="передать параметр" /></form>
2
Используйте для чтения передаваемого в скрипт методом POST параметра массив суперглобальных переменных сервера. Например, переданный из приведенной в предыдущем шаге формы параметр php-скрипт получит в переменной $_POST['someParam'].
3
Другой метод передачи параметров (GET) можно применять не только с серверными скриптами, но и с исполняемыми на стороне клиента - например, написанными на языке JavaScript. При этом методе параметр добавляется непосредственно в строку вызова скрипта - дописывается после названия файла скрипта через знака вопроса. Например, для вызова скрипта script.js с передачей ему параметра с именем someParam и значением 3.14, строка запуска скрипта может выглядеть так: file:///F:/sources/script.js?someParam=3.14.
4
Используйте в JavaScript-скрипте для чтения строки с переданным параметром свойство window.location.search, а в php-скриптах - суперглобальный массив серверных переменных $_GET. В php-скриптах этот параметр сразу можно использовать (например, в виде $_GET['someParam']), а JavaScript требует дополнительной пользовательской функции для извлечения названия и значения переданной переменной.
5
При необходимости передать параметр в скрипт на языке ActionScript, используемом в флэш-играх и других элементах с флэш-технологией, это можно сделать с помощью атрибута flashvars тега embed. Например:<embed src="file:///F:/sources/script.swf" flashvars="someParam=3.14" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />Или с помощью аналогичной конструкции для тега object:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"> <param name="movie" value="file:///F:/sources/script.swf" /> <param name="flashvars" value="someParam=3.14"></object>
6
Обращайтесь к переданному способом из предыдущего шага параметру, как к переменной _root. Например, для образца из предыдущего шага переменная _root.someParam будет содержать значение 3.14.

Совет 3: Как передать значение

Наиболее привлекательным для посетителей сайтов, а значит и наиболее важным для их создателей являются их интерактивные возможности. То есть возможность для посетителя отправлять на сервер какую-то информацию (либо запрос на информацию) и получить от него ответ. Организация этого процесса требует передачи переменных из страниц в браузере пользователя серверным скриптам. Наиболее распространены на сегодня: из языков описания страниц - HTML (HyperText Markup Language - «язык разметки гипертекста»), а из языков описания серверных сценариев - PHP (Hypertext Preprocessor - «препроцессор гипертекста»). Простейшие варианты передачи переменных из HTML-страниц в PHP-скрипты мы и рассмотрим.
Вам понадобится
  • Базовые знания языков PHP и HTML
Инструкция
1
Первая часть задачи (передача переменных из HTML-страниц) решается размещением в коде страниц тех элементов формы, которые больше подходят для ввода пользователем и передачи нужного типа данных. Это могут быть текстовые поля "text", "textarea" или "password", переключатели "checkbox" или "radio", списки "select", поле выбора файла "file", кнопки "input" или скрытые поля "hidden". HTML-код каждого из этих элементов обязательно должен содержать тег "name" - в нём указывается имя передаваемой переменной. Например, HTML-код для многострочного текстового поля "textarea" может выглядеть так:
<textarea name="strings">здесь текст по умолчанию</textarea>
А код для скрытого поля hidden так:
<input type="hidden" name="hideMe" value="скрытая переменная" />
Любой из элементов формы должен быть помещён внутрь тегов формы. Открывающий тег выглядит так:
<form action="script.php" name="formName" method="POST">
Здесь тег "action" указывает имя серверного скрипта, которому должны быть переданы отправляемые перменные, а тег "method" - способ передачи данных. Способов может быть всего два - POST или GET. Основная разница между ними в том, что методом GET переменные передаются вместе с адресом страницы (URL), а методом POST - в специальной области сетевых пакетов (header).
Закрывающий тег формы прост:
</form>
И, конечно, в форму следует добавить кнопку - чтобы пользователь имел возможность дать команду на отправку переменных на сервер. В результате HTML-код формы с элементами для отправки переменных на серверному скрипту может выглядеть, например, так:
<form action="script.php" name="formName" method="post">
<textarea name="strings">здесь текст по умолчанию</textarea>
<input type="hidden" name="hideMe" value="скрытая переменная" />
<input type="submit" value="Отправить" />
</form>
HTML-форма
2
Теперь рассмотрим - как из серверного php-скрипта получить доступ к отправленным ему переменным. Здесь всё очень просто - переменные, отправленные методом GET, помещаются в суперглобальный массив $_GET, а отправленные методом POST - в аналогичный массив $_POST. Есть и ещё один суперглобальный массив - $_REQUEST. В него попадают все переменные, независимо от того, каким способом они были переданы. Простейший php-код, который печатает информацию о полученных из формы переменных с именами hideMe и strings может выглядеть так:
<?php
if($_POST) {
echo('Переменная hideMe содержит значение "'.$_POST['hideMe'].'"<br />');
echo('Переменная strings содержит значение "'.$_POST['strings']);
}
?>
Здесь оператор сравнения "if" использован для проверки присланы ли вообще какие-либо переменнные методом POST. Если объединить код HTML-формы и PHP-скрипта в одном PHP-файле, то после нажатия кнопки «Отправить» получим такой результат:
PHP-скрипт
3
Видим, что задача отправки параметров из HTML-формы и получения их PHP-скриптом нами решена.
Источники:
  • как передать переменную из

Совет 4: Как создать поля форм

Обработкой данных, которые посетители отправляют на сервер после заполнения веб-форм, занимается специальная программа (скрипт). Поэтому добавлять поля в размещенную на интернет-странице форму имеет смысл только в том случае, если в скрипт запрограммированы функции работы именно с этими полями. Если это условие соблюдено, останется проделать относительно несложную часть работы по добавлению в исходный код страницы тегов, формирующих нужные поля.
Вам понадобится
  • Базовые знания языка HTML.
Инструкция
1
Операцию по формированию необходимых тегов может взять на себя редактор страниц, если у вас есть возможность использовать в нем режим визуального редактирования. Такой редактор может быть составной частью системы управления сайтом — войдите в него и загрузите страницу с формой, в которую следует добавить новые поля. Используйте операции копирования и вставки — выделите и скопируйте пару существующих элементов (поле ввода и сопоставленный ему текст), затем кликните на странице место, куда следует поместить дополнительное поле, и вставьте скопированное.
2
После этого отредактируйте свойства каждого элемента пары в отдельности. Надпись просто выделите мышкой и наберите новый текст, а для поля ввода используйте кнопку в панели редактора, открывающую его свойства. В свойствах вам, как минимум, надо изменить значение в поле name - оно должно соответствовать названию поля, запрограммированному в обрабатывающем скрипте. Повторите копирование/вставку для необходимого набора полей и сохраните страницу.
3
Если доступа к визуальному редактированию нет, откройте исходный код страницы в любом текстовом или специализированном редакторе и допишите в него нужные теги. Этот способ требует некоторого знания языка HTML и методов верстки веб-страниц. Для добавления в форму простого текстового поля используйте тег input, вписав в атрибут type значение text. Кроме этого атрибута обязательным является только name - он должен содержать известное скрипту-обработчику имя этого поля формы. С помощью других атрибутов можно задать количество знаков, визуально определяющих длину поля ввода (атрибут size), максимальное допустимое количество знаков (maxlength), параметры стиля оформления (style), принадлежность к слассу (class) и др. Выглядеть этот тег в коде может, например, так:<input type="text" size="150" class="simField" maxlength="200" name="fName" />
4
Для поля многострочного текста используйте тег textarea. Он состоит из двух частей - открывающей и закрывающей. В первой надо обязательно задать значение name, а с помощью атрибутов rows и cols можно установить количество строк и колонок этого элемента формы. Например:<textarea name="mulField" cols="200" rows="10"></textarea>
5
Другими типами полей формы могут быть чекбоксы - для их формирования тоже используйте тег input, но в отличие от однострочного текстового поля в атрибуте type указывайте значение checkbox. Если этот элемент формы должен быть отмечен, добавьте в его тег атрибут checked. Например:<input type="checkbox" name="cBox" checked="checked" />
6
Для вставки в форму поля выбора и загрузки файла используйте все тот же тег input со значением file в атрибуте type. Например:<input type="file" name="fSelect" />
7
Более сложная конструкция формирует поле с выпадающим списком. Она обязательно должна содержать пару из открывающего и закрывающего тегов select. Между ними поместите пары тегов option, каждая из которых задает одну строку выбора. В открывающих тегах должен присутствовать атрибут value (его значение будет передано на сервер), а между открывающей и закрывающей частями поместите текст, который будет видеть в этой строке списка посетитель. Например:<select name="ddList"> <option id="0" value="row1">Первая строка выбора</option> <option id="1" value="row2">Вторая строка выбора</option> <option id="2" value="row3">Третья строка выбора</option></select>
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500