Detailed explanation of HTML form elements (Part 1)

<form>
    form elements
</form>

<form>
<label>Username</label>
<input type="text" name="">
</form>

<form action="action.jsp">
<input type="submit" value="Submit">
</form>
/*Coordinate with action*/
 /*If the value attribute of the submit button is omitted, the button will get the default text, which is the two words "Submit"*/

<form>
<label>Gender</label>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 
/*When the values ​​in name are consistent, the single selection effect can be achieved*/
/*checked means the selected state, you can also write checked="checked"*/

<form>
<label>Hobbies</label>
<input type="checkbox" name="vehicle" value="Sports"><label>Sports</label>
<br>
<input type="checkbox" name="vehicle" value="Beauty"> <label>Beauty</label>
</form>

/*checked means the selected state, you can also write checked="checked"*/

<form>
<input type="button" onclick="alert('Welcome to 123WORDPRESS.COM!')" value="Click me!">
</form> 

/*Also a normal button*/

<form>
<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>
</form> 

The <option> element defines an option to be selected.
Lists usually display the first option as the selected option.
You can define predefined options by adding the selected attribute.

<form>
<textarea name="message" rows="10" cols="30">
Enter the content here!
</textarea>

<form>
<button type="button" onclick="alert('Welcome to 123WORDPRESS.COM!')">Click!</button>

To learn more about the properties of form elements, please click on the link: https://www.jb51.net/web/571879.html

The above is the full content of this article. I hope that the content of this article can bring some help to your study or work. If you have any questions, you can leave a message to communicate. Thank you for your support of 123WORDPRESS.COM!