HTML Radio Generator
Generate a 2-option radio button group — set the shared name and each option's label/value, then copy the ready-to-use HTML. Free, instant, no AI involved.
Input
Shared by every option in the group — only one can be selected at a time.
Radio Options
2 sample options for the radio button group. Update the generated code to add more later.
Settings
Add custom CSS classes to the element. Separate multiple classes with spaces.
Output
Guides
Build a ready-to-paste 2-option radio button group — set the shared name and each option's label/value, then copy the generated HTML (each <input> wrapped in its <label>).
Runs entirely in your browser: no AI call, no credits, no network round-trip. The output updates instantly as you type.
How to use it
- Set the shared Name — every option in the group must share it so only one can be selected.
- Edit the label/value for each of the 2 sample options.
- Copy the generated HTML and add more options by hand if you need them (copy an existing
<label>line and change its value/text).
Why is there no live preview?
The output is real, unsanitized form markup — rendering it directly on the page isn't safe. Paste the code into your own page to see it in context.
Use it from code
From 3 credits per callREST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/radio \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customName": "my-radio",
"customOption1Label": "Option 1",
"customOption1Value": "1",
"customOption2Label": "Option 2",
"customOption2Value": "2",
"customClasses": ""
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `html-generator__radio` tool (HTML Radio Generator) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.