YouTip

## HTML `` value Attribute The `value` attribute of the `` tag specifies the initial value associated with the button when it is submitted as part of a form. When a form is submitted, the button's `name` and its `value` are sent to the server as a key-value pair, allowing the backend to identify which button was clicked. --- ## Syntax ```html Button Text ``` ### Attribute Values | Value | Description | | :--- | :--- | | *text* | Specifies the value associated with the button that will be sent to the server upon form submission. | --- ## Code Example In this example, we have a single form with two submit buttons sharing the same `name` attribute but having different `value` attributes. This allows the server-side script to determine which option the user selected. ```html

Choose your favorite web technology:

HTML5 CSS3

``` ### How It Works: * If the user clicks the first button, the browser submits `technology=HTML` to the server. * If the user clicks the second button, the browser submits `technology=CSS` to the server. * The text inside the tags (`HTML5` and `CSS3`) is what the user sees on the screen, while the `value` attribute is what the server processes. --- ## Browser Support and Compatibility All modern web browsers (Chrome, Firefox, Safari, Edge, and Opera) fully support the `` `value` attribute. ### Important Legacy Note (Internet Explorer Compatibility) If you need to support legacy versions of Internet Explorer (IE 8 and earlier), be aware of a known bug: * **Standard Browsers:** Submit the content of the `value` attribute (e.g., `value="HTML"`). * **Internet Explorer 8 & Earlier:** Submits the text content between the opening and closing `` tags instead (e.g., `HTML5`), or fails to submit the value correctly if multiple buttons share the same name. **Recommendation:** If your project requires strict compatibility with very old legacy browsers like IE8, consider using `` instead of `` for form submissions. --- ## HTML 4.01 vs. HTML5 There are no differences in how the `value` attribute functions between HTML 4.01 and HTML5. However, in HTML5, the `` element has been enhanced with additional form-related attributes (such as `formaction`, `formenctype`, `formmethod`, `formnovalidate`, and `formtarget`) which give you more control over form submission behavior directly from the button itself.