MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

How to Create Forms in Website Construction Tutorial

Source: Shangpin China | Type: website encyclopedia | Date: December 12, 2015
The form is the data entry for the browser to communicate with the server. The form in the browser contains Website construction A form attribute area. Form attributes are attributes that allow users to enter various types of information in a form (such as text boxes, password boxes, drop-down lists, radio buttons, check boxes, etc.).

Forms are defined with<form>. For example, the following code defines a text box form:
<form>Definition


Save the above code as "form. htm" and open it in a browser, as shown in Figure 1.10.
Form.htm Form

The form itself is not visible. In addition, in most browsers, the default width of the text box is 20 characters.

The most commonly used form tag is<input>. The type of Input is specified with the type attribute. The most common input types are explained below.

1. Radio button

Radio button code

Save the above code as "radio. htm", open it with a browser, and the result is as shown in Figure 1.11.
Radio.htm Click Button

Radio button refers to multiple selection boxes, but only one of them can be selected.

2. Check box
Check box code

Save the above code as "checkbox. htm", open it with a browser, and the result is shown in Figure 1.12. The check box indicates that multiple codes can be selected.
check box

3. Password box
Code of password box

Save the above code as "password. htm" and open it with a browser, as shown in Figure 1.13.
Password box

4. Drop down list

Drop down list code

Save the above code as "select. htm" and open it with a browser, as shown in Figure 1.14.
Drop down list

5. Pre selected drop-down list
Pre selected drop-down list code

Save the above code as "selected. htm" and open it with a browser, as shown in Figure 1.15.
Pre selected drop-down list

Adding "selected" in option means that the top is selected in advance, so that the item is selected by default in the drop-down list.

6. Text Field
Text field code

Save the above code as "textarea. htm" and open it with browsing material. The result is shown in Figure 1.16. The rows attribute refers to the number of lines, and the cols attribute refers to the number of words displayed in a line.
Text Field

7. Buttons
Button code

Save the above code as "submit. htm" and open it with a browser, as shown in Figure 1.17.
Button
The normal button can be used anywhere, and the submit button is only used for form submission.
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]