]> 2026-04-30T10:08:08+02:00 label 50000 en Doc 205 How to render a Label field User label (2.0,2.1,2.5) 2.0 2.1 2.5 label 2023-01-04T13:48:12Z 2459949.0751389 label 2025-08-21T09:07:37Z 2460908.8802894 Doc/FlexForm/2.0/label 361 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label Name label Type label Synopsis How to render a label element Description The Label element represents a caption for an item. Associating a <label> with a form control, such as <input> or <textarea> offers some major advantages: The label text is not only visually associated with its corresponding text input; it is programmatically associated with it too. This means that, for example, a screen reader will read out the label when the user is focused on the form input, making it easier for an assistive technology user to understand what data should be entered. When a user clicks or touches/taps a label, the browser passes the focus to its associated input (the resulting event is also raised for the input). That increased hit area for focusing the input provides an advantage to anyone trying to activate it — including those using a touch-screen device. To explicitly associate a <label> element with an <input> element, you first need to add the id attribute to the <input> element. Next, you add the for attribute to the <label> element, where the value of for is the same as the id in the <input> element. Parameters label Example < form action = "get" > < div class = "preference" > < label for = "cheese" > Do you like cheese? </ label > < input type = "checkbox" name = "cheese" id = "cheese" /> </ div > < div class = "preference" > < label for = "peas" > Do you like peas? </ label > < input type = "checkbox" name = "peas" id = "peas" /> </ div > </ form > Please log in first. Note Links https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label 50000 0 plainlist 1 [[:DevOps:Doc/FlexForm/2.0/label]] Doc/FlexForm/2.0/label# QUERY57b26ba3502eaf3b369178b09a7cb014