Form forms with different forms

Source: Internet
Author: User
Beautification of form appearance

Many times, we only use forms to implement the data collection function. We often see forms that are "one by one" and are not angry. This topic tries to change this phenomenon, try to give the form a colorful look.
The appearance of a form is also the most direct Pattern. You can change it to implement special effects. This article describes CSS magic and image magic in two starting points.

1. CSS magic


CSS is a Cascading Style Sheet that everyone knows. It can define the appearance of page elements, including font styles, background colors and image styles, Border styles, fill-up styles, and border styles, the following describes how to apply CSS to a form and beautify it!

1.1 font style application


Font styles include: font family, font-style, font-variant, and font-weight) font-size and font. The specific definition method is not described here. You can refer to its materials.
You may have noticed that the text on the button is not beautiful, but it can be solved by CSS font styles. Similarly, the other several form items that involve text, such, the font style can be applied to the text box, multi-line text box, password box, and drop-down selection box.
In order to fully demonstrate these applications, we have designed several styles in the following example. In practical applications, we do not have to make such a mess and use them flexibly:

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.