1. Åpne HTML-dokument.
2. Klikk på Skjemaer Hotell og velg Radio Knapper
.
På Input Tag Accessibitity attributter
klikk OK
. På Legg til skjema Tag?
Klikk OK
.
3. Knappen er opprettet.
Nå skrive noe ved siden av. Jeg skrev dreevoo.com.
4. Lag ett Radio knapp og skrive noe ved siden av.
5. Nå vil vi legge til en knapp som vil utføre en forutsetning at vi har satt for den valgte radioknappen.
Klikk Button
.
6. Velg knappen og velg Ingen
under Egenskaper
.
7. skrive noe i verdi feltet. Jeg skrev Gå til.
8. Form er opprettet.
Nå klikker Kode
.
9. HTML kode dukker opp. største nettstedene Flytt bettween id = "radio" og value = "radio" ...
10. ... og skriv onclick = "i = 1".
11. Nå gjentar prosedyren for den andre alternativknappen. Bare denne gangen angi onclick = "i = 2".
12. Flytt til stedet der er en del av koden for ordinære knappen (Gå til).
13. Skriv onclick = "gotoUrl ()".
14. Gå til slutten av koden. Bak < /skjema >.
15. Oppgi denne delen av koden:
< script >
funksjon gotoUrl () {
hvis (i == 1) document.location = 'http: //www .dreevoo.com ';
hvis (i == 2) document.location =' http: //www.zmaga.com ';
}
< /script >
Bruk dine egne URL-adresser.
16. Rename type = "Radio2" til type = "radio". Ellers markerer for radioknappene vil ikke være den samme.
17. Lagre dokumentet ( Ctrl + S
) og trykk på F12
å se resultatet
også anbefalt:.
Interaktive knapper i Dreamweaver
<