What are the best practices for using button-tags over input-button tags in PHP for better separation of "Caption" and "Value"?

When using button-tags over input-button tags in PHP, it is best practice to separate the "Caption" (the text displayed on the button) from the "Value" (the data sent when the button is clicked). This separation helps improve code readability and maintainability. To achieve this, you can use the button-tag with a nested span element for the caption and a hidden input element for the value. 

<button type="submit">
    <span>Caption</span>
    <input type="hidden" name="button_value" value="Value">
</button>

Keywords

button tags input button tags separation caption value

Related Questions