1 Forms are used to collect different types of user input, and forms are made up of different types of labels to implement a specific function of the form area (e.g. registration),2 3First, you should use <form>labels to define the overall form area, and then use different form controls in this tab to implement different types of information input .4 5 specific implementations and annotations can be referenced by the following pseudo-code:6 7<!--form defines a form area, the Action property defines the address of the form data submission, and the method property defines the way the submission is committed. -8<form action="http://www ..."Method="Get">9 Ten<!--label label defines the text callout for the form control, and the input type defines a single-line text input box for text-- One<p> A<label> name:</label> -<input type="text"Name="username"/> -</p> the -<!--input type password defines a password input box-- -<p> -<label> Password:</label> +<input type="Password"Name="Password"/> -</p> + A<!--the input type has a radio defined as a radio box-- at<p> -<label> Gender:</label> -<label><input type="Radio"Name="Gender"Value="0"/> Male </label> -<label><input type="Radio"Name="Gender"Value="1"/> Women's </label> -</p> - in<!--input type defines a checkbox-- -<p> to<label> Hobby:</label> +<label><input type="checkbox"Name=" like"Value="Sing"/> Singing </label> -<label><input type="checkbox"Name=" like"Value="Run"/> Running </label> the<label><input type="checkbox"Name=" like"Value="swiming"/> Swimming </label> *</p> $ Panax Notoginseng<!--input type is a file definition, such as uploading photos or files. -<p> the<label> Photo:</label> +<input type="file"Name="Person_pic"> A</p> the +<!--textarea define multiple lines of text input-- -<p> $<label> Personal Description:</label> $<textarea name=" About"></textarea> -</p> - the<!--Select definition drop-down list selection-- -<p>Wuyi<label> Hometown:</label> the<select name="site"> -<option value="0"> Beijing </option> Wu<option value="1"> Shanghai </option> -<option value="2"> Guangzhou </option> About<option value="3"> Shenzhen </option> $</select> -</p> - -<!--the input type is a submit-defined commit button A You can also use the picture control in place of the submit button to submit, generally resulting in the submission two times, not recommended. such as: +<input type="Image"Src="Xxx.gif"> the- -<p> $<input type="Submit"Name=""Value="Submit"> the the<!--input type reset button defined for reset-- the<input type="Reset"Name=""Value=" Reset"> the</p> - in</form> the the properties in the input table item, which can provide the About*Type property: Represents the types of table items: values are as follows: the the Text : Single-line textbox the + Password: password entry box - the checkbox: Multiple marquee note to provide value valuesBayi the Radio: Radio box note to provide value values the - file: Upload selection box - the Button : normal buttons the the Submit : Commit button the - Image : Picture Submit button the the Reset : Reset button to revert to start \ (first open \) Effect the 94 Hidden: The main form hides the field, and if the form is submitted with a piece of information, but does not require user modification the the*Name property: The name of the table item that stores the value of the content the 98*Value property: Input values \ (default specified value \) About - Size Property: The width value of the input box101 102 MaxLength Property: Maximum length of input for input box103 104 ReadOnly Property: Read-only property on input box the 106*Disabled Properties: Disabling Properties107 108*Checked Properties: Specify default options for the selection box109 the src and Alt are set for the picture button111 the NOTE: The Reset reset button restores the form data to the state it was on when it was first opened, not empty113 the The image Image button, which has the Submit form feature by default. the the The placeholder property specifies a short hint (such as a sample value or a short description of the expected format) that describes the expected value of the input field. 117 the prompt appears in the input field before the user enters a value. 118Note: The placeholder property applies to the following input types: text, search, URL, tel, email, and password.
Brother Lian Learning python-html form