Must-read for HTML basics--forms, picture hotspots, web page partitions and splicing detailed explanations

<form id= name= method=post/get action=server responsible for processing>id cannot be repeated; name can be repeated; get submission has a length limit, and the encoded content is visible in the address bar, post submission has no length limit, and the encoded content is invisible.

</form>

Text box <input type=txt name=id= value= />

Note: The value value above indicates the default value

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

Text field <textarea name= id= cols= (how many characters) rows= (how many lines are high)></textarea>

Hidden domain <input type=hiddenname=id= value= />

Submit button <input type=submit name=id=disabled=disabled value=/> Click to go to the address of the submission server in the form

Note: The value value above indicates the text displayed above during runtime.

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

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

Image button <input type=image name=id=disabled=disabled src=image address/>

Attached:

disabled, invalidate the button; enable, enable.

Radio button group <input type=redio name=checked=checked value=/> The value of name is used to group; the value value is invisible and is submitted to the program; checked, set the default options.

Note: The radio button group cannot be cancelled after it is selected.

Checkbox group <input type=checkbox name=checked=checked value=/>

Note: checked=checked means that it is selected as soon as it comes, and the check box can be selected to cancel.

File upload <input type=file name=id= />

<label for=></label>

The <label> tag defines the label (mark) for the input element.

The label element does not present any special effects to the user. However, it improves usability for mouse users. This control is triggered if you click on text within the label element. That is, when the user selects the tag, the browser will automatically turn the focus on the form controls related to the tag.

The for attribute of the <label> tag should be the same as the id attribute of the relevant element.

<select name= id= size= multiple=multiple> --size=1, it is the menu; when >1, it is the list. multiple is multiple choice.

<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>

To sum up the HTML program displays: