YouTip

# HTML name Attribute The `name` attribute of the `` tag is used to define a name for a drop-down list. This name acts as an identifier when submitting form data to a server or when referencing the element via JavaScript. --- ## Definition and Usage The `name` attribute is crucial when working with HTML forms. * **Form Submission:** When a form is submitted, the data from the drop-down list is sent to the server as a key-value pair: `name=value` (where `name` is the value of the `` name attribute, and `value` is the `value` attribute of the selected ``). * **Client-Side Scripting:** The `name` attribute can be used in JavaScript to reference and manipulate the form element. > **Note:** If a `` element does not have a `name` attribute specified, its selected value will **not** be sent to the server upon form submission. --- ## Browser Support The `name` attribute is fully supported by all major modern web browsers: * Google Chrome * Mozilla Firefox * Microsoft Edge / Internet Explorer * Safari * Opera --- ## Syntax ```html ``` ### Attribute Values | Value | Description | | :--- | :--- | | *text* | Specifies the name of the drop-down list. | --- ## Code Examples ### Example 1: Basic Form Submission The following example demonstrates a drop-down list with the `name` attribute set to `"cars"`. When the form is submitted, the server receives the selected option under the key `cars` (e.g., `cars=audi`). ```html

Choose a car:

Volvo Saab Opel Audi ``` ### Example 2: Accessing the Element via JavaScript You can use the `name` attribute to easily access the drop-down list using JavaScript's `document.forms` API. ```html

Volvo Saab Audi Show Selected

``` --- ## HTML 4.01 vs. HTML5 There are no differences in the behavior or support of the `name` attribute for the `` tag between HTML 4.01 and HTML5. --- ## Key Considerations 1. **Difference between `id` and `name`:** * The `id` attribute must be unique across the entire HTML document and is primarily used for CSS styling and client-side DOM manipulation. * The `name` attribute is not required to be unique across the document (though it should be unique within the same form) and is sent to the server on form submission. 2. **Multiple Selections:** If your `` element has the `multiple` attribute enabled, the browser will send multiple key-value pairs with the same name to the server (e.g., `cars=volvo&cars=audi`). Depending on your backend language (like PHP), you may need to use array notation in the name attribute, such as `name="cars[]"`.