Introduction to the HTML+CSS Foundation for Web front-end development (framework)

Tag: Indicates the start target Radio Val Ram http input input

HTML framework in detail with the framework layout??????????????????????????????????

1) What is a frame

The framework divides the browser into different sections, each of which loads different pages, enabling the effect of loading multiple pages in the same browser window

2) <frameset> Partition frame Mark

A) syntax format

<frameset>....</frameset>

b)? properties

Cols: Use "pixels" and% to split the left and right window, "" "for the remainder, if using" "," "means the frame is divided evenly into 2, if using" "," "," "means that the frame is divided evenly into 3

Rows: Use "Pixels" and% split up and down Windows, "*" for remaining parts

Frameborder: Specifies whether the border is displayed, 0 is not displayed, and 1 is displayed

Border: Sets the size of the border, the default value is 5 pixels

c)?<frame> child window tag

The <frame> tag is a single tag that must be used in <frameset>, and several windows are set in <frameset>, which must correspond to a few <frame> frames, You must also specify a Web page using the SRC attribute

Property:

SRC: URL address for loading Web page files

Name: The name of the frame, which is the target parameter of the link tag

Noresize: Indicates that the frame size cannot be resized and can be adjusted without setting

Scrolling: Whether scroll bars are required

Value: Auto appears automatically as needed

Yes: No: None

Frameborder: Whether a border is required

Value: (1) display border (0) does not display border

11.HTML Form Design (top)

1) Form Mark

<form>...</form>

<form></form> define the starting and ending positions of the form, and the content of the form when it is submitted is the contents of the <form> form

Basic format: <form action= "server-side address (address that accepts form content)" name= "form name" method= "Post|get" >...</form>

Common Properties:

Name: Form names

Method

When Post:post is submitted, the data in the form is included in the form body, processed together to the server, with no data size limit

When the Get:get method is submitted, the contents of the form are appended to the URL address, so the length of the submitted content is limited, not exceeding 8,192 characters, and is not confidential

Action: The URL address of the handler for the form data, or the URL address of the current document if it is empty, and if the Action property is not required in the form, specify its property as "no"

Enctype: How to encode data for a form

Target: Similar to the hyperlink, used to specify the target window

2) Text fields and passwords

<input> Tags: <input> mark no end tag

Basic syntax: <input type= "" Name= "" value= "" size= "" Maxlength= "" >

Property Description:

Type property:

Text:,<input> represents a text input field when type= "text"

Password:,<input> represents a password input field when type= "password"

Name property: Defines the names of the controls

Value property: Initializes the value, when the browser opens, the contents of the text box

Size property: Sets the length of the control

MaxLength: The maximum number of characters allowed in an input box

3) Submit, Reset, Normal button

1. Submit button: When <input type= "Submit" >, the Submit button

2. Reset button: Reset button when <inputtype= "Reset" >

3. Normal button: When <inputtype= "button" >, the Normal button

4) Radio box and check box

radio button: When <inputtype= "Radio" >, the radio button

Check button: When <inputtype= "checkbox" >, check box

Note: Both the Radio box and the check box can be set using the "cheked" property

Default checked items

5) Hidden fields

When <input type= "hidden" >, to Hide form fields

6) Multiline Text field

Use the <textarea> tag to implement an area where multiple lines of text can be entered

Syntax format: <textarea name= "name" rows= "value" cols= "value" value= "value" > ... <textarea>

The Rows property and the Cols property are used to specify, respectively, the number of rows and columns to display, in units of the number of characters

7) Menu drop-down list field

<select> tags

Syntax format:

<selectname= "" size= "value" multiple>

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

<optionvalue= "value" > Options 2</option>

<optionvalue= "value" > Options 3</option>

...... ...

</select>

Property:

Multiple property: The Multiple property does not have to be assigned a value, its function is to represent a list with multiple choices, if there is no such attribute can only be selected

Size property: Sets the height of the list

Name property: Defines the names of the lists

Option tag:

The <option> tag is used to specify an option in the list, which needs to be placed between <select></select>

Value:

Value: Assigns a value to the option, specifying the value to be transferred to the server

Selected:selected Specifying the default options

51cto Address http://blog.51cto.com/n1lixing

New Ket Cinema http://www.ldxzs.top/shipin/shipin/

Introduction to the HTML+CSS Foundation for Web front-end development (framework)