HTML form and the use of form internal tags

HTML form and the use of form internal tags

Copy code
The code is as follows:

<html>
<head>
<title>Use of form</title>
<!--
Tag name: form Form tag attributes: action: submission destination, target address URL
method: Set the method of submitting the request, get and post; the default is get
What is the difference between get and post submission? ------------------------
Get transmission: The content information is placed in the address bar for transmission, and the length is limited to 1k, and the security is not good.
Post transmission: transmit the content in the body information. There is no length limit.
Sub-tags:
Input tag: The value needs to be submitted and must have a name attribute.
Attributes: type: password, etc.
//------------
Through the demonstration of the following example, it is found that in some cases, form can be used to make a link, and at the same time as making the link, data can be submitted to the address file of the target.
fieldset tag: define domain
Legend tag: define the title of the domain
-->
</head>
<body>
<fieldset>
<legend>form form tag, subtag example:</legend>
<form action="01 List.html" method="get">
<table border="1px" width="800px">
<tr>
List Tags:

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

</tr>
<tr>
Checkbox example:

I like bicycles:
<input type="checkbox" name="Bike">

I like cars:
<input type="checkbox" name="Car">

</tr>
<tr>
Radio Buttons:

male:
<input type="radio" checked="checked" name="Sex" value="male">

female:
<input type="radio" name="Sex" value="female">
</form>
<p>When the user clicks a radio button, that button becomes selected and all other buttons become unselected. </p>
</tr>
<tr>
Text field:

<textarea rows="10" cols="30">Use of text area tags</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>Account:</td>
<td>
<input name="userid">
</td>
</tr>
<tr>
<td>Password:</td>
<td>
<input name="pwd">
</td>
</tr>
<tr>
<td>
<input type="submit" value="Confirm submission"/>
</td>
<td>
<input type="reset" value="Reset"/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>

Any tag with name and value attributes can be placed inside the form, and the data of these tags can also be submitted to another URL.

<<:  vue dynamic component

>>:  Mobile Internet Era: Responsive Web Design Has Become a General Trend

Recommend

A brief discussion on the built-in traversal methods of JS arrays and their differences

Table of contents forEach() (ES6) method map() (E...

How to export mysql table structure to excel

The requirements are as follows Export the table ...

Detailed explanation of the process of setting up nvidia-docker environment on Linux server

Docker is equivalent to a container, which can bu...

Complete example of vue polling request solution

Understanding of polling In fact, the focus of po...

MySQL 8.0.20 installation tutorial and detailed tutorial on installation issues

Original address: https://blog.csdn.net/m0_465798...

Comprehensive website assessment solution

<br />Sometimes you may be asked questions l...

Detailed explanation of the solution to duplicate insertion of MySQL primary key and unique key

Table of contents Solution: 1. IGNORE 2. REPLACE ...

Solve the black screen problem after VMware installs Linux system and starts

1. Installation environment 1. HUAWEI mate x cpu ...

Problems with nodejs + koa + typescript integration and automatic restart

Table of contents Version Notes Create a project ...

WeChat Mini Program video barrage position random

This article shares the specific code for randomi...

Detailed explanation of the installation steps of the MySQL decompressed version

1. Go to the official website: D:\mysql-5.7.21-wi...

Detailed explanation of four solutions for MySQL active-active synchronous replication

Table of contents Master-Master Synchronization S...

Click on the lower right corner of the css pseudo-class to see a check mark to indicate the selected sample code

Effect: css: .s_type { border: none; border-radiu...

How to solve the problem of command failure caused by overwriting the original PATH and prompting command not found

A colleague asked me to help him figure out why m...

Detailed explanation of Vue router routing guard

Table of contents 1. Global beforeEach 1. Global ...