Checkbox html: приклади гарних кнопок на чистому CSS, створення “акордеона”, отримання даних з форм за допомогою PHP і jQuery

Отримання і обробка значень за допомогою PHP

Розглянемо для checkbox html приклади використання у формах, де можливо також отримувати значення (value = “мое_значение”).

Значення записуємо в оператор value=””.

<form action=”” method=”POST”>
<input type=”checkbox” name=”HTML_name” id=”HTML_label” value=”HTML” class=”my-class” ><label for=”HTML_label”> HTML </label><br><br>
<input type=”checkbox” name=”CSS_name” id=”CSS_label” value=”CSS” class=”my-class” ><label for=”CSS_label”> CSS </label><br><br>
<input type=”checkbox” name=”javascript_name” id=”javascript_label” value=”Javascript” class=”my-class” ><label for=”javascript_label”>Javascript</label><br><br>
<input type=”checkbox” name=”jQuery_name” id=”jQuery_label” value=”jQuery” class=”my-class” ><label for=”jQuery_label”> jQuery </label><br><br>
<input type=”checkbox” name=”PHP_name” id=”PHP_label” value=”PHP” class=”my-class” ><label for=”PHP_label”> PHP </label><br><br>
<input type=”checkbox” name=”MySQL_name” id=”MySQL_label” value=”MySQL” class=”my-class” ><label for=”MySQL_label”> MySQL </label><br><br>
<input type=”checkbox” name=”ajax_name” id=”ajax_label” value=”Ajax” class=”my-class” ><label for=”ajax_label”> Ajax </label><br><br>
<input type=”submit” id =”submitButton” value=”Submit”>
</form>

При відправці форми, масив $_POST буде містити в ключі масиву оператор name=””, а значення value = “”.

Якщо б це був звичайний масив, то виглядав він так:

$post = array (“name” = > value);

або

$post = array(
“HTML_name” => “HTML”,
“CSS_name” => “CSS”,
“javascript_name” => “Javascript”,
“jQuery_name” => “jQuery”,
“PHP_name” => “PHP”,
“ajax_name” => “Ajax”,
);

Перетворимо масив $_POST рядок за допомогою функції PHP implode() і присвоїмо значення $_POST[“ajax_name”] зміною $ajax. Зазвичай для всіх значень $_POST створюють змінні, але для прикладу запишемо тільки одну, щоб не перевантажувати код зайвою інформацією. Також необхідно перевіряти на безпеку вхідні дані $_POST, але тут ми цього робити не будемо, про це багато написано в інших статтях.

PHP:

echo “<br><br>Мої навики: “.implode( ‘, ‘, $_POST );
if( isset( $_POST[“ajax”] ) ){
$ajax = $_POST[“ajax”];
}
if( isset( $ajax ) ){
echo “<br><br>Мінлива $ajax встановлена”;
}
echo “<pre>”;
var_dump($_POST);
echo “</pre>”;