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.com TechnicalCafe Twitter http Jamie’s Twitter Twitter.com
Don’t forget to check out our other video tutorials or share this video with a friend.
5 responses to “HTML Tutorial 16 – Radio Buttons and Checkboxes (Forms)”
Leave a Reply Cancel reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 12/09/12
Pages
Random Videos
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
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!
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?
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! 🙂
how,do we create a php file it isn’t on your video please reply
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!