Basic CSS Tutorial : Create CSS Style For Form, Input, Select And TextArea

Share:

Basic CSS Tutorial : Create CSS Style For Form, Input, Select And TextArea. Still discussing the same themes from the previous tutorial on the website form. An html form will look amazing when just made ​​of an html code only. To give beauty, CSS code can be applied in this form. How ? Let’s discuss in the tutorial below
Basic CSS Tutorial : Create CSS Style For Form, Input, Select And TextArea

Basic CSS Tutorial : Create CSS Style For Form, Input, Select And TextArea

Create CSS Style for Form Input
CSS code for form input begins with :

input{
....
....
....
....
}

Fill in the CSS code in parentheses input.

Usually in an html form will consist a lot of input. To give css code in the input based on the type of input, you can use the following script

input[type=password]{
....
....
....
....
}

Fill in the CSS code in parentheses input.

Create CSS Style for Form Select
Next is to beautify a select form. Below is the CSS code to start writing css style :

select{
Your CSS style here.....
}
Option{
Your CSS style here.....
}

Create CSS Style for TextArea
For textarea also the same, as the code below :

textarea{
Your CSS style here.....
}

Have your own creations contents of the CSS code provides a measure such as height and width, color, type and font size, background image and color, and other.Ya, as you like in order to be more attractive html form on your website.
Thanks for Basic CSS Tutorial : Create CSS Style For Form, Input, Select And TextArea

[Tutorial.World.Edu]

Leave a Reply

Your email address will not be published. Required fields are marked *