Five Examples of Web Form Design Tips_HTML/Xhtml_Web Page Production

1. Mobile selection for form text input: In the text input field, if a prompt is added, visitors often have to use the mouse to select it, delete it, and then enter useful information. In fact, as long as you add onMouseOver="this.focus()" onFocus="this.select()" code to , everything will become much simpler, such as: <br> <br>The following is the quoted content: <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">Please fill in your name
Similarly, you can add code to .
2. Click to delete the form input unit: This column has the same function as the above, but there is a slight change in using the mouse. You need to click instead of just covering it with the mouse like the above. like:
The following is the quoted content:


After clicking the input unit, the prompt message will be deleted, isn’t it very convenient?
3. Border setting of form input unit: Changing the traditional form unit border will make your homepage more colorful. like:
The following is the quoted content:


Among them, "style=***" is the left, right, top, bottom and background color settings, which is applicable to other units.
4. Text setting of form input unit: The font of the unit in the form can be modified, such as:
The following is the quoted content:


Where "style=***" is the font and font size settings.
5. Modify form attributes to pop-up windows: After most forms are activated, they will be opened in the current page, affecting normal browsing. It is better to modify it, such as:
The following is the quoted content:

Where "target=_blank" controls opening in the pop-up window.