- Dual Wing layout
- Basic Page Layout
- First set up three block-level elements, all set the height, the middle of the block-level elements according to the width of the display screen hundred set, left and right two block-level elements set the same width.
- Next, three block-level elements are set to float the effect in turn, and three block-level elements are displayed on the same line by setting the border margin (margin property). So that the Web page is divided into left and right three parts.
- Web Form Creation
- Commonly used tags (qingdao teaching network for example)
- The contents of form label forms are included in this tag and are used to transfer data back. There are three attributes, method: How to submit, add, delete, change, check four methods. Action: The address of the form submission. name???
- All elements of the table label form write code between this label
- Input tag when entering text content, use this tag, common is the text input box, placeholder property can make the text box have visible invisible hint text
- The Select tab displays the drop-down arrow box, which is used with the option tag
- The option tag is used with the select tag, and the items that can be selected in the drop-down arrow box are written by this label
- check box for checkbox to use this label
- Radio Label Box is made, you need to use this label
- A label is used for linking the made
- Nav label with a label use, table header navigation link bar
- The image tag is used in conjunction with the a tag and can be automatically linked to the relevant webpage when clicked
- The Border-collapse:collapse property that overlaps the border lines of the form's outer and inner elements. Border-collapse:seperate property, outer border and inner element borders separated
- Main things to consider when making Web Forms
- You should analyze the elements of the form you want to make in advance, and divide it into several large projects so that you have a unified style setting in CSS.
- Make comments about a few important parts of the form as much as possible so that you can modify it later to query
- A few questions about the form
- check box shape of checkbox set background color
- The meaning of the required attribute written in the form code
Double Wing page layout and Web form creation