html--Forms and forms

Source: Internet
Author: User

First, form

<table></table> Forms

  Width: width. Can be expressed in pixels or percentages. Commonly used 960 pixels.

  Border : Border, common values are 0 .

  cellpadding : The distance between the content and the border, the common value is 0 .

  cellspacing : The spacing between cells and cells, with a common value of 0 .

  Algin : Alignment.

  bgcolor : Background color.

  background : Background image.

<tr></tr> Line

  align: the horizontal alignment of a line of content.

  valign: the vertical alignment of a line of content.

  Height : Row height.

  bgcolor : Background color.

  background : Background image.

<td></td> Cell

<th></th> Header, cell contents are automatically centered, bold

  align: The alignment of the cell contents.

  valign: The vertical alignment of the contents of the cell.

  width : Cell width.

  Height : Cell height.

  bgcolor : Background color.

  background  : Background image.

The contents must be placed in the cell, the cell must be in the row, and the row must be placed in the table.

When you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

  colspan= "n" merge cells of the same row (the corresponding columns are subtracted from the following code)

  rowspan= "n" merge the same column cell (minus the corresponding column starting from the second row)

Second, form

<form id= "" Name= "" method= "Post/get" action= "is responsible for processing the service side " >--input system, must have, later with

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 (2 spaces, characters equal to 3 pixels)

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 >

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

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 make buttons available

3. Select Input

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

  name values are used for grouping, value The value is not visible, submitted to the program, checked set the default options.

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

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

  <lable for= "" ></lable>

  lable tagged as input element defines the callout.

  lable The 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.

  lable Label's for property should be associated with the element's ID property is the same.

4. Drop- down list box

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

  --size to be 1 when, for the menu; >1 is the 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>

html--Forms and forms

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.