Photo hotspots, page zoning, etc. and forms

Today we learned about Photo hotspots, page zoning and more important forms. Memory of things more, are the Basis. Write more and use the following we'll take a look at Today's knowledge.

Photo hotspots

_______________________________________________________________________________________________________________ _________________

Page Zoned Area

In a Web page, plan a region to show the content of another page.

_______________________________________________________________________________________________________________ ________________

Knowledge points for forms

<form id= "" name= "" method= "post/get" action= "responsible for processing the server" >

ID is not repeatable, name is repeatable, get commits have a length limit, and the encoded content is visible in the address bar.

Post submissions have no length limit and the content is not visible after encoding.

</form>

_______________________________________________________________________________________________________________ ________________

1 text input

text box <input type= "txt" name= "id=" "value=" "pleaceholder=" "/>

Password box <input type= "password" name= "" id= "" value= ""/>

Text field <textarea name= "" id= "" cols= "" (number of Characters) rows= "" (a few lines high) ></textarea>

Hidden fields <input type= "hidden" name= "" id= "" value= ""/>

_______________________________________________________________________________________________________________ _________________

2 button

Submit button <input type= "submit" name= "" id= "" disabled= "disabled" value= ""/> Click to go to the address of the submission server within the form (default All)

Reset button <input type= "reset" name= "" id= "" disabled= "disabled" (not available) value= ""/>

Normal button <input type= "button" name= "" id= "" disabled= "disabled" (not available) value= ""/>

Picture button <input type= "image" name= "" id= "" disabled= "disabled" (not available) src= "picture address"/>

Disabled Disable the button

Enable to make buttons available

_______________________________________________________________________________________________________________ __________________

3 Select Input

radio button Group <input type= "radio" name= "" checked= "checked" value= ""/>

　　The value of name is used to group, value is not visible, and is submitted to the program, checked sets the default Option.

check box group <input type= "checkbox" name= "checked=" checked "value=" "/>

File Upload <input type= "file" name= "id=" "/>

<lable for= "" ></lable>

The lable label defines the callout for the input Element.

The lable element does not present any special effects to the user, but he improves usability for the user of the Mouse. This control is triggered if you click on the text within the lable Element.

That is, when the user selects the label, the browser shifts the focus to the label-related form Controls.

_______________________________________________________________________________________________________________ ________________

4 Drop-down list box

<select name= "" id= "" size= "" multiple= "multiple" >

　--size is 1 o'clock, for menu; >1, for List. Multiple is a multi-select.

<option value= "value" > Content 1</option>

<option value= "value" selected= "selected" > Content 2</option>

　　　　--selected, Set as Default

<option value= "value" > Content 3</option>

</select>

_______________________________________________________________________________________________________________ ________________

5 tags

<label></label>

field set (a bunch of labels)

<fieldset></fieldset>

_______________________________________________________________________________________________________________ ________________

Photo hotspots, page zoning, etc. and forms