Web Authoring-form elements

The form form is double marked with the start and end of the,<form></form> form property has name its value is the form's name method it is the form's submission form action its value is the service side responsible for processing

For example: When the value of method is get, the encoded content of the commit is displayed but has a length limit (relatively unsafe)

<name= "instance"  method= "Get"  action= "aa.html" ><  type= "Submit"  name= "Shili"/></form  >

The URLs displayed in the browser are submitted later

When the value of method is post, the encoded content submitted does not show no length limit

<name= "instance"  method= "POST"  action= "aa.html" ><  type= "Submit"  name= "Shili"/></form  >

URLs displayed in the browser after submission

1, the text input must have name can not have value in the Web page to display the URL Name=value

A. Text box

  <name= "instance"  method= "POST"  action= "aa.html" >          <  type= "text"  name= "Shili"value= "blog"   >      </form>

Browser display

B. Password box

<name= "instance"  method= "POST"  action= "aa.html" >          <  type= "password"  name= "Mima"  value= "123" / >      </ form >

Browser display

C. Hidden fields (not shown in the browser, but will continue to commit when submitted)

      <name= "instance"  method= "POST"  action= "aa.html" >          <  type= "hidden"  name= "Yincang"value= "hidden" > </ form >       

D. The text field (also with value, just different from the value of input, whose value is written in the middle of two double markers

      <name= "instance"  method= "POST"  action= "aa.html" >         <  name= "Wenbenyu"> This is the text field </textarea  >      </form>

Front-end display can be very small, such as writing comments, etc.

Text Comfortable properties In addition to the above, there is a placeholder it is to prompt you this text box to enter what content of

For example

      <name= "instance"  method= "POST"  action= "aa.html" >          <  type= "password"  name= "Mima"  placeholder = "Password" />      </ form >

Previous segment display

2. Button

A. Submit button, click to go to the URL in the value of action in form

      <name= "instance"  method= "Get"  action= "aa.html" >          <  type= "Submit"  name= "Tijiao"  value= " Submit "/>      </form>

The Submit button is used to perform background processing of input content submitted by the background.

B. Recharge button

      <name= "instance"  method= "Get"  action= "aa.html" >          <  type= "reset"  name= "Chongzhi"  value= "Reset"/>      </form>

The reset button is used to reset the input content

C. Normal button

      <name= "instance"  method= "Get"  action= "aa.html" >          <  type= "button"  name= "normal"  value= "Baidu a bit "/>      </form>

such as Baidu, search orphan, Google and other searches with

D. Picture button

 <  form  name  = "instance"   method  = "Get"   action  = "aa.html"           >  <  input  type  = "image"   src  = "New Folder (2)/shouye/images/lx1.png"   name  = "T"   value  = "Picture"       />  </ form  

Use a picture to make a button

Web Authoring-form elements