Brother Lian Learning python-html form

Source: Internet
Author: User
Tags html form

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.