My blog about XHTML knowledge

Source: Internet
Author: User

XHTML Basics

One. The 1.XHTML element is divided into block-level and inline-element types, except that the text defined by the block-level element is wrapped and the text defined by the inline element is not wrapped.
Common block-level elements include Div.blockquote,
List elements (DL, OL, UL), fieldset, form, H1-h6, HR, p, pre, table, etc.
Inline elements include: span, A, IMG, label, all form input elements, iframe, object, and so on.


2. In the case of an inline element, the next element is displayed on the same line of the element in the subsequent position.
If it is a block-level element, the next element is displayed in the next line of the browser.
Two.. 1. Tag names in XHTML must be lowercase

2. Attribute must be lowercase in XHTML

3. tags must be nested correctly in XHTML

4. Tags must be closed in XHTML (tagged in pairs appear)

5. Even empty elements must be closed in XHTML

6. Attribute values must be enclosed in double quotes in XHTML

Three-XHTML form
1.<form> forms for user input, <form action= "#" method= "Post/get" id= "Name=" ">......</form> Action: rules when submitting a form, Where to send the form data. Method: Specifies how the form data is sent.
Post does not show path get display path.
2. Text box: type= "text" <input type= "text" id= "Name=" "/>id: Specifies the unique element. Name: Specifies the names of the forms.
3. Password input box: type= "password" <input type= "password" id= "" (size= "" maxlength= "")/>
4. check box: type= "checkbox" <input type= "checkbox" id= "" Name= "" value= ""/> The Name property of each option uses the same settings.
5. Radio Box: type= "Radio" <input type= "Radio" id= "" Name= "" value= ""/>
6. Hidden fields: type= "hidden" <input type= "hidden" id= "name=" "/>
7. Upload file: type= "file" <input type= "file" id= "" name= ""/> Specified <form> enctype property is Multipart/form-data. The property of method is post.
8. Drop-down list: A <select> element to describe the list, multiple <option> element collections to identify list options. Use the <select> element's Name property to name the entire list, using the Value property of each <option> element to give each option
A unique value.
<select id= "" Name= "" >
<option value= "" > When multiple selection, add the multiple attribute to the <select> element.
9. Multiline text box:<textarea> <textarea rows= "" cols= "" id= "" Name= "" > Rows Row cols Column
10. Submit and reset button: type= "Submit" type= "reset" <input type= "Submit/reset" value= "Submit/Reset"/>
You can also use graphics to make buttons <input type= "image" src= ":" value= "Submit/reset"/>
11. Command button (normal button): type= "button" value= "".
12. Add ReadOnly in the text box to prevent text data from being modified, disable make the input control unavailable.
The 13.<fieldset> label packs a portion of the form's content and generates a field for a set of related forms. The <legend> tag defines the caption for the fieldset element.

My blog about XHTML knowledge

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.