Cascading Style Sheet for Form display
Cascading Style Sheet on form elements
In order for the form to look more attractive and easy to control the design, one of them provides CSS style. Below is a style that can be given to form elements including large and border type settings, border colors, form widths, form boundaries in terms of layout, and background color of the form.
Cascading Style Sheet in input text
The text define the input control in the form of a text area on the form. Element form text can be set by using the selector textarea {...}.
Cascading Style Sheet in Text Field
Textfield defines the input text controls on the form. The following is an example of the CSS format in the input that makes the effect from the textfield input become like the printed form. CSS for the textfield uses the input selector. The styles given to the textfield input include the color, background, border, font type and size and many other attributes that can be used for the textfield style.
Cascading Style Sheet on the Button
Button is a button that can be clicked on. On buttons, both submit, reset and button
Cascading Style Sheet on the Radio Button
The radio button is part of the form input element. When you want to style the radio button you can use the input.selector selector
Cascading Style Sheet in a Checkbox
The checkbox is part of the form input element. When you want to give a style to the Checkbox you can use the input.selector selector
Experiment, make the web page as follows.
In order for the form to look more attractive and easy to control the design, one of them provides CSS style. Below is a style that can be given to form elements including large and border type settings, border colors, form widths, form boundaries in terms of layout, and background color of the form.
Cascading Style Sheet in input text
Cascading Style Sheet in Text Field
Textfield defines the input text controls on the form. The following is an example of the CSS format in the input that makes the effect from the textfield input become like the printed form. CSS for the textfield uses the input selector. The styles given to the textfield input include the color, background, border, font type and size and many other attributes that can be used for the textfield style.
Cascading Style Sheet on the Button
Button is a button that can be clicked on. On buttons, both submit, reset and button
Cascading Style Sheet on the Radio Button
The radio button is part of the form input element. When you want to style the radio button you can use the input.selector selector
Cascading Style Sheet in a Checkbox
Experiment, make the web page as follows.
Save the file with the name form1.html
Make a web page as follows.
Save the file with the name formtextarea.html
Make a web page as follows.
Save the file with the name textfield.html
Make a web page as follows.
Save the file as flatbutton.html
If you want to add effects when the cursor is directed or when the button is clicked, add the code as follows.
If you want to add effects when the cursor is directed or when the button is clicked, add the code as follows.
Hover is when the cursor is directed at the button while active is when the button is clicked.
Make a web page as follows.
Save the file with the name stradio.html
Make a web page as follows.
Save as stcheck.html
Use fieldset and other examples
Writing CSS can be either embedded or external CSS. Example using external CSS
HTML file
Writing CSS can be either embedded or external CSS. Example using external CSS
HTML file
Save as sylishform.html
CSS file
CSS file
Save as style.css nd open sylishform.html
0 Response to "Cascading Style Sheet for Form display"
Post a Comment