Home > Backend Development > PHP Tutorial > What's the Purpose of `[]` in HTML Input Field Names?

What's the Purpose of `[]` in HTML Input Field Names?

Susan Sarandon
Release: 2024-12-05 00:04:12
Original
497 people have browsed it

What's the Purpose of `[]` in HTML Input Field Names?

Understanding HTML Input Arrays

You're probably familiar with using input fields with the [] notation, like . But what is this called, and is there a specific HTML specification for it?

PHP Input Arrays

Contrary to what you might think, the use of [] in input field names is not an HTML feature. It's actually a PHP convention used to parse field values into an array.

When you submit a form containing input fields with the [] notation, PHP creates an array with the name of the field. For example, if you have:

<input type="checkbox" name="food[]" value="apple" />
<input type="checkbox" name="food[]" value="pear" />
Copy after login

PHP will generate an array called $_POST['food'] containing the selected values. You can access these values using array indices:

echo $_POST['food'][0]; // Output: first checkbox selected
Copy after login

You can also iterate through the array to get all selected values:

foreach( $_POST['food'] as $value ) {
    print $value;
}
Copy after login

Lack of Specific Name

It's worth noting that the use of [] in input field names does not have a specific name in HTML or PHP. It's simply a convention that has become widely used for creating arrays from form input.

The above is the detailed content of What's the Purpose of `[]` in HTML Input Field Names?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template