HTML Tutorial 16 – Radio Buttons and Checkboxes (Forms)

HTML Tutorial 16 - Radio Buttons and Checkboxes (Forms)

In this tutorial, we continue to talk about creating HTML forms, but in addition to talking about textboxes and submit buttons, this tutorial covers how to add radio buttons and checkboxes to a form. Radio buttons can be useful for when a user is only allowed to select one option from a list of items, while checkboxes can be used to allow users to select multiple (or no) items from a list of them. In order to add radio buttons and checkboxes to our webpages, we can still use the “input” tag and the “type” attribute, but instead of using a type of “text” or “password”, we can use either “radio” or “checkbox” to create radio buttons or checkboxes. Thank you for watching! TechnicalCafe Blog TechnicalCafe Twitter http Jamie’s Twitter

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 2,135 views

5 responses to “HTML Tutorial 16 – Radio Buttons and Checkboxes (Forms)”

  1. TechnicalCafe says:

    Hey, CurtisRichman!

    If you would like another option to appear when you select an option with a radio button, you would probably need to use more than just HTML to accomplish this effect.

    You may be able to do this using CSS and jQuery or AJAX, though, where you could create a “div” that appears once you select a certain option from a series of radio buttons.

    To learn how to do something like this, you may want to check out both TheNewBoston and PHPAcademy’s channels, which have great info!

  2. CurtisRichman says:

    How do I make other option appear when a radio button is checked? Eg, Are you a student? Yes or No. If Yes is checked, this appear, University or High School?

  3. TechnicalCafe says:

    Hello, Galipcan78! I apologize for not showing viewers how to create a PHP file in this video, but doing so is pretty simple once you learn how!

    In order to create a PHP file that would take the information from the webpage we create in this tutorial, you’d need to use either “GET” or “POST” variables, which would then send the information a user enters into a form to a PHP page for processing.

    I would suggest that you check out the PHPAcademy YouTube channel for more information on this! 🙂

  4. galipcan78 says:

    how,do we create a php file it isn’t on your video please reply

  5. TechnicalCafe says:

    Hello, Walter Dees! If you’re looking for a way to relay data from a form to the current page, you’d probably need to use some PHP, and perhaps some JavaScript, depending on what you’re looking to do. Please feel free to send me a private message on YouTube with some more specifics for a more specific response! Thanks for watching, though!

Leave a Reply

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