Skip to main content

Check Boxes in Html Forms

Check Boxes:
Check boxes are usually use to know the interest of any users. Suppose you want to know about users which type of fruits they like and you have 4 check boxes user either check one or more than one it's depend on user.

Attributes of Check Boxes:
type="checkbox"
name="something"
value="something"
checked="yes" or "no"

If you are making a list of fruits then name all the check boxes fruit which is essential for the script languages. Don't panic it's just a reference.

Check Boxes Example:
<p>Please select every fruit that you eat.</p>

Apple: <input type="checkbox" name="fruit" value="apple" /><br />
Banana: <input type="checkbox" name="fruit" value="banana" /><br />
Grapes: <input type="checkbox" name="fruit" value="grapes" /><br />
Cherry: <input type="checkbox" name="fruit" value="cherry" />
This is the code for making check boxes i made 4 check boxes have different values stored behind their check.
Check Boxes Example:

Please select every fruit that you eat.
Apple:
Mango:
Grapes:
Cherry:
Already Checked Code:
Grapes: <input type="checkbox" name="fruit" value="grapes" /><br />
Cherry: <input type="checkbox" name="fruit" value="cherry" checked="yes" />
Already Checked Example:
Grapes:
Cherry:
Just add another attribute to you check box checked="yes" then it will already selected shown to user. It's use in must select this, choices that it has to be selected.

Comments

Post a Comment

Popular posts from this blog

Italics in Html

The italics tags use to highlight the fonts but not like bold it makes your font just like dance a step. These tags are not intended to to style your font. It's use to emphasize your fonts. Code: Italic <i>tag</i>! <em>Emphasized</em> Text! Example: Italic tag ! Emphasized Text! Code: <b>HTML</b> <i>Hyper Text Markup Language</i>  or <b>HTML</b> <em>Hyper Text Markup Language</em> Example: HTML Hyper Text Markup Language or HTML Hyper Text Markup Language Code: <p>Johnson is <b><i>DR.</i></b></p> Example: Johnson is DR.
Post a Comment
Read more

Submit Buttons in Html Forms

Submit buttons are use to submit the forms whenever user registration is needed submit buttons always used. How to make those submit buttons? Just simple you can make submit buttons if you know the <input> tag then make it's type= submit value="some name" just like submit, send etc. Submit Buttons Code: <input type="submit" value="Submit" /><br /> <input type="submit" value="Send" /><br /> <input type="submit" value="Submit Form" /><br /> Submit Buttons Example: Submit Buttons in Action Code: <form method="post" action="mailto:pateltutor1@gmail.com" > Name:<input type="text" name="First" size="12 maxlength="12" /> Email:<input type="text" name="Last" size="24" maxlength="24" /> <input type="submit" value="Send Email" /> </form> ...
Post a Comment
Read more

Reset Buttons in Html Forms

Reset Buttons: Reset buttons are use to reset the forms in Html. Sometime users put wrong information then the users don't be worry of removing whole the fields and fill them again just press the reset button and whole the form back to their original state. That's very useful for the user. Html Code: <input type="reset" value="Reset" /> <input type="reset" value="Start Over" /> Html Code: Reset Button in Action: Now we are giving some action for your understanding what reset button done don't panic we give some form tags and other just visit Forms in Html you will also learn how to make it. Reset Button Code: <form action="xyz.php" method="post"> First Name: <input type="text" size="20" maxlength="12" /><br /> Last Name: <input type="text" size="24" maxlength="24" /><br /> <input type="reset" value=...
Post a Comment
Read more