Mosaic form of Image hotspot page Zoning page

Source: Internet
Author: User

First, the picture hot

Plan out an area of the image, you can make hyperlinks, directly click on the image area to complete the jump effect.

 "man. jpg"  usingmap="A" title="  This man is very handsome!  " /><map name="A"><area  shape="  Rect" coords="100,100,200,200"  href="  http://www.baidu.com"/></map>

Second, the page zoned area

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

<iframe src="http://www.baidu.com " width=" height=" "  - " frameboder="1"></ffame>


Third, the Web page splicing

A Web page, the layout of a number of page windows, in the form of table stitching to show it.

Iv. 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= ""/>

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

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

2. button

Submit button <input type= "Submit" Name= "" id= "" disabled= "Disabled" value= ""/> Click to go to form The address of the submission server within

Reset button <input type= "reset" name= "" id= "" disabled= "Disabled" value= "" />

Normal button <input type= "button" name= "" id= "" disabled= "Disabled" value= ""/>

Picture button <input type= "image" Name= "" id= "" disabled= "Disabled" 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.

the for property of the lable tag should be the same as the ID property of the related element .

4. Drop- down list box

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

--size is 1 when it is a menu;>1 is a 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, required= "required" indicates required

Placeholder= "Please enter your mailbox". is displayed in the input box!!

Finish!!

Mosaic form of Image hotspot page Zoning page

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.