1.1 required = "required"
1.2 placeholder
When the user has not entered a value, the input control may display descriptive text or prompt information to the user through placeholder, which is common on the current website and some JS frameworks provide similar functions, to put it simply, the solution commonly used in earlier versions creates a label for the input control, and then controls the location of some labels through CSS so that it overwrites the input control. When the label gets the focus, the browser will focus on the input control. However, with placeholder, the new browser has this function built in, and its feature value is displayed in the input box in a light gray style. When the input box gets the focus and has a value, the prompt information disappears automatically.
For example:
<P> <label for = "runnername"> Runner: </label> <input id = "runnername" name = "runnername" type = "text" Placeholder = "first and last name"/> </P>
Sorting ....