Introduction to HTML Base controls

Source: Internet
Author: User
<span id="Label3"></p><p><p>2. <select> tags: You can create a single or multi-select menu, similar to Winform's Combox or listbox.</p></p><p><p>3. <textarea> tags: Multi-line text Area.</p></p><p><p>4. <label> tag: equivalent to a display text box.</p></p><p><p>5. <fieldset> tags: Similar to GroupBox controls in Winform.</p></p><p><p>6. List Label: introduce ul, ol, li.</p></p><p><p></p></p>1. <input> Label<p><p><input> tags are used to collect user Information.</p></p>1.1 Type Property<p><p>The input field has many forms, depending on the value of the type Attribute. This can be a text field, a check box, a text control after a mask, a radio button, a button, and so On.</p></p><p><p>Text: Area<br>ReadOnly property: read-only.<br>password: password area, input text is displayed as ' * '<br>checkbox: check box<br>Checked Property: checked;<br>Radio: Radio box;<br>Name Property: specify multiple radio boxes for single-selection operations in a single area<br>Reset: resets all tags in the current <form> form to the initialization state (such as clearing the contents of the text Area)<br>Submit: submits the current <form> form information to the specified page<br>Button: normal Buttons<br>Value property: The text that the button buttons display<br>File: Document Selection tab<br>Hide: Hidden areas, You can put some not to show the user, and their own use of information stored in this<br>Image: Image Area<br>SRC attribute: Specifies the path where the picture is stored;<br>Title Property: moves the mouse over the text displayed on the graph;<br>Alt: the text displayed when the picture is loaded failed or closed;</p></p><p><p></p></p>1.2 Example<p><p></p></p><p><p></p></p>2. <select> Label<p><p>You can create a single-or multiple-selection menu, similar to the WinForm Combox or listbox.</p></p>2.1 Properties<p><p>1)<strong> Size</strong> {int}: sets the Drop-down list Size. The default is Combox style, or more than 1 o'clock, which is the listbox Style.<br>2) <strong>Multiple</strong> {boolean}: whether multiple selections. For multiple selections, press and hold CTRL + LEFT to make multiple selections.</p></p><p><p>3) the item subkey:</p></p><p><p>①<<strong>optgroup</strong>> tags: defines the category of the selection and cannot be selected.<br>Label {string} property: Name of the category presentation<br>Title {string} property: Move the mouse over the selection to display the information</p></p><p><p>②<<strong>option</strong>> tags: defining optional items<br>Vlaue {string} property: Select a specific name for the item<br>Title {string} property: Move the mouse over the selection to display the information</p></p><p><p></p></p>2.2 Example<p><p></p></p><span class="cnblogs_code_copy"><span class="cnblogs_code_copy"></span></span><pre><pre>

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.