Did you checked this check box ?

Hi friends how are you all ? I think you must be fine. When you make any webpage or make a simple HTML form for registration purpose or anything else. You put some check boxes  in form for users to select their choices. But some times you get some blank entries of that check boxes.

Because user hasn’t checked it or checked it but unfortunately page get reloaded and it get unchecked. Friends you must be getting monotonous that what this blogger want to say… So fiends keep calm and see… How will it be if user checks a check box then background of that text also get changed. Surprising..???  so that it is in focus of user that he has selected it. If user again check it then again same thing happens. So the solution is as following:

  • The CSS is :did-you-checked-checkbox-css
  • Then HTML is :did-you-checked-checkbox-html

Result is :

out-put-1

out-put-21-e1500200783712.png
out-put-3-e1500200822419.png
If this was useful to you please like share and comment. I will reply ASAP.

Happy coding !!!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s