How to create radio buttons for your website?

Radio buttons enable selection of options. In your website you may like to present options using radio buttons. These are required to enable choice of one option out of multiple options by the user.

In your input form write the code as follows

<input type="radio" id="white" name="theme" value="white" checked><label for="white">Black and White <a href="https://tambolatickets.in/wp-content/uploads/2021/01/black-and-white-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>(background, borders text color and opacity settings are not required to be changed for this theme)</label><br><br>
						(You can change background, borders text colors and tambola ticket pdf opacity for following themes. You can <i><b>'Preview'</b></i> theme with default background, borders and text colors or change them and click the <i><b>'Change Colors And Theme Settings'</b></i> link below before generating final tambola tickets pdf file to be downloaded.)<br><br>
						<input type="radio" id="simply" name="theme" value="simple" ><label for="simply">Simple Classic</label> <a href="https://tambolatickets.in/wp-content/uploads/2020/12/simple-classic-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="bday" name="theme" value="birthday" ><label for="bday">Birthday Baloons</label> <a id="baloons"  href=  "https://tambolatickets.in/wp-content/uploads/2020/12/baloons-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="anni" name="theme" value="anniversary" ><label for="anni">Anniversary Candles And Rose</label> <a href="https://tambolatickets.in/wp-content/uploads/2020/12/anniversary-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="christmas" name="theme" value="merry-christmas" ><label for="christmas">Merry Christmas</label> <a href="https://tambolatickets.in/wp-content/uploads/2020/12/christmas-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="valentine" name="theme" value="valentine" ><label for="valentine">Valentine</label> <a href="https://tambolatickets.in/wp-content/uploads/2020/12/valentine-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="repub" name="theme" value="republic" ><label for="repub">Republic Day 26,Jan</label> <a href="https://tambolatickets.in/wp-content/uploads/2021/01/tambola-tickets-pdf-republic-day-theme.png" onclick="getUrl(this); return true;">Preview</a><br>
						<input type="radio" id="coffee" name="theme" value="coffee" ><label for="coffee">Coffee</label> <a href="https://tambolatickets.in/wp-content/uploads/2020/12/coffee-theme-preview.png" onclick="getUrl(this); return true;">Preview</a><br><br>

The following code inside the radio button is optional, you can remove that code.

onclick="getUrl(this); return true;"

That is all.

If you liked this article please do leave a reply and share it with friends.

Thanks.