How to add Radio buttons in Dreamweaver

You can visually insert a radio button into your form and set its properties. Use radio buttons when you want users to select only one choice from a set of options.

Open HTML document.

Click Forms and select Radio Buttons.

At Input Tag Accessibitity Attributes click OK. At Add form Tag? click OK.

The button is created.

Now write something next to it. I wrote dreevoo.com.

Create one more Radio button and write something next to it.

Now we'll add a button which will perform a condition that we have set for the selected radio button.

Click Button.

Select the button and select None under Properties.

Write something in value field. I wrote Go to.

The Form is created.

Now click Code.

HTML code shows up.

Move bettween id="radio" and value="radio"...

...and enter onClick="i=1".

Now repeat the procedure for the second radio button. Only this time enter onClick="i=2".

Move to the place where is part of the code for ordinary button (Go to).

Enter onClick="gotoUrl()".

Go to the end of the code. Behind </form>.

Enter this part of the code:

<script>
function gotoUrl() {
 if (i==1) document.location='http://www.dreevoo.com';
 if (i==2) document.location='http://www.zmaga.com';
}
</script>

Use your own URL addresses.

Rename type="radio2" to type="radio". Otherwise marks for the radio buttons will not be the same.

Save the document (Ctrl + S) and press F12 to see your result.

Also recommended:

  Interactive buttons in Dreamweaver