HTML - Trying To Setup A Radio Form With The Most Basic Code

Hello. I was wondering if it's at all possible to have a specific checkbox or radio button checked/selected when the user gets to that page depending on the link they clicked to get to that page.

For example, I have a client who wants the user to go to a single form but from different categories (rather than having a form for each), but to make sure the recipient of the email knows which category it came from, the checkbox for that category would already be checked. The user would be able to check it themselves as well, but this ensures it's already selected and creates convenience for the user.

Thanks

In my HTML page, I have two forms.

Form 1: Radio Button A, Radio Button B, Radio Button C
Form 2: Radio Button D, Radio Button E, Radio Button F.

Form 2 Radio Button are disabled. If I click on A, D will be the only button enabled, if I click on B, E will be the only button enabled, if I click on C, F will be the only button enabled.

However, when I click on one of the Radio Buttons of Form 1, if I am using the Internet Explorer (version 6), the radio buttons in Form 2 are still disabled. It is not until I click on somewhere else that the proper button will be enabled. So, if I click on A, nothing will be enabled. After I click somewhere else, only after that D is enabled. Worse, if I click B, nothing happens and when I click C next, E will be the one enabled (but when I click on somewhere else, F will be enabled). This only happens in Internet Explorer. It works fine with Mozilla Firefox.

I'd like to know if there's a solution to this if I am using the Internet Explorer.

Here's a sample of my code:

<form name="form1">
<input id="ButtonA" type="radio" name="radiobutton" value="valueA" onChange="document.form2.d.disabled=false;document.form2.e.disabled=true;document.form2.f.disabled=t rue;">
<input id="ButtonB" type="radio" name="radiobutton" value="valueB" onChange="document.form2.d.disabled=true;document.form2.e.disabled=false;document.form2.f.disabled=t rue;">
<input id="ButtonC" type="radio" name="radiobutton" value="valueC" onChange="document.form2.d.disabled=true;document.form2.e.disabled=true;document.form2.f.disabled=fa lse;">
</form>

<form name="form2">
<input id="ButtonD" id="d" type="radio" name="radiobutton" value="valueD" disabled=true>
<input id="ButtonE" id="e" type="radio" name="radiobutton" value="valueE" disabled=true>
<input id="ButtonF" id="f" type="radio" name="radiobutton" value="valueF" disabled=true>
</form>

Please kindly help. Thank you.

Best regards,
ChrisX

Hello All,
I'm creating a form which has got several parts, divided by tables, which are radio buttons, check boxes etc. All the radio button tables work well with the exception of one where it lets you choose all three options or two, as if they were checkboxes.

The code is:
PHP Code:
<div class="roundedcornrboxorange">
   <div class="roundedcornrtoporange"><div></div></div>
      <div class="roundedcornrcontentorange">
<table width="100%">
<tr>
<td colspan="3"><h3>Which level do you think you're currently are?</h3></td>
</tr>
<tr>
<td width="30%"><input type="radio" name="level[beginner]" id="beginner" value="1"/> Beginner</td>
<td width="30%"><input type="radio" name="level[intermediate]" id="intermediate" value="1"/> Intermediate</td>
<td width="30%"><input type="radio" name="level[advanced]" id="advanced" value="1"/> Advanced</td>
</tr>
</table>

      </div>
   <div class="roundedcornrbottomorange"><div></div></div>
</div> 


Does anyone have an idea what could be going wrong?

The css (in case it helps) is:

PHP Code:
.roundedcornrboxorange {
margin: 5px 0 0 0;
width: 800px;
clear: both;
   background: #ff7b06 url(../images/roundedcornr190406grad.gif) repeat-x top left;
}
.roundedcornrtoporange div {
   background: url(../images/roundedcornr190406tl.gif) no-repeat top left;
}
.roundedcornrtoporange {
   background: transparent url(../images/roundedcornr190406tr.gif) no-repeat top right;
}
.roundedcornrbottomorange div {
   background: url(../images/roundedcornr190406bl.gif) no-repeat bottom left;
}
.roundedcornrbottomorange {
   background: transparent url(../images/roundedcornr190406br.gif) no-repeat bottom right;
}

.roundedcornrtoporange div, .roundedcornrtoporange,
.roundedcornrbottomorange div, .roundedcornrbottomorange {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornrcontentorange { margin: 0 10px; } 


Many thanks in advance

Hey guys. I've been using local storage for my form and so far it's worked great. Most of the form is simply having the user type in an answer but I have 4 questions that need to be as radio buttons. The problem is I need these radio buttons to be calculative values. I'm pretty sure I've got the 'setting values' part down but how do I 'set item' and 'get item' using local storage? Thanks in advance!

Here's what I'm using:

HTML Code:

&nbsp;<input type="radio" name="length" value=".106" /> Less than 1 year<br />
			&nbsp;<input type="radio" name="length" value="0" /> 1-2 years<br /> 
			&nbsp;<input type="radio" name="length" value="-.053" /> More than 2 years<br />

HTML Code:

localStorage.setItem("length", this.elements["length"].value);

HTML Code:

 localStorage.getItem("length")

Hi

I have a web form that, on submission populates a mySQL database through PHP. Each question on the form can have up to 5 different answers. What I am trying to achieve, either through radio groups or drop-down menus is to have unique values for each number so effectively ranking them.

Example:

Rank your favourite colours from these:

Red [1][2][3][4][5]
Blue [1][2][3][4][5]
Green [1][2][3][4][5]
White [1][2][3][4][5]
Orange [1][2][3][4][5]

Now for each one, I only want the user to select a UNIQUE value so that the same two numbers cannot be submitted. On submission there must be a 1,2,3,4 & 5 (ie with no two questions having the same number)

Scratching my head on this one. Any help would be most welcome.

Thanks

So I have a radio group within a form. Specifically, here is my code:

HTML Code:

<table>
          <tr>
            <td><label>
                <input type="radio" name="question_1" value="Average" id="question_1_0" />
                Average</label></td>
            <td><label>
                <input type="radio" name="question_1" value="Large" id="question_1_1" />
                Large</label></td>
            <td><label>
                <input type="radio" name="question_1" value="Gigantic" id="question_1_2" />
                Gigantic!</label></td>
            <td><label>
                <input type="radio" name="question_1" value="Getting_larger" id="question_1_3" />
                It's Getting Larger...</label></td>
          </tr>
        </table>

So I need to set an initially selected on this radio group. How do I do that? Thanks!

Hi All,

I want to change the form action clicking on radio button.

I have two radio button. the default action is a1.jsp if I click on update button
If I click on second radio button I want to change the form action.

I want to redirect to another file (change form action if possible) if I click on second radio button


How can I do that ?

Thanks

please reply soon.

Hi All,

I want to change the form action clicking on radio button.

I have two radio button. the default action is a1.jsp if I click on update button
If I click on second radio button I want to change the form action.

I want to redirect to another file (change form action if possible) if I click on second radio button


How can I do that ?

Thanks

please reply soon.

In a form, how do I define a radiobutton so that when it is selected additional form fields ara loaded onto the same page holding the text in other fields?

I am using Frontpage 2003 to build my site.

Hope someone can help me. I've got a html page set up so that my clients can type in their name, choose several options via radio buttons, an option to clear the form, then submit the form.

What I'm having trouble with is how to obtain the information from the form. I think I would prefer this to be retrieved via email. Is there a way I can:

1. Have the subject of the email be the name of the client (whatever they type in)
2. The results of the form sent to my email (let's say it's myemail@university.edu)

Thanks in advance!

Here is the html code I have:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bonus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<form method = "post" action = "mailto:myemail@university.edu">

<p>
Type your name in the box below then select the advancing team and click <i>submit</i> when finished.
</p>

<p>
Name: <input type = "text" name = "name" maxlength = "30"/>
</p>

<table border = "5">
<tr>
<td colspan = "2" align = "center"><b>STANLEY CUP PLAYOFF HUNT BRACKET</b></td>
</tr>
<tr>
<td width="328" align = "center">Eastern Conference</td>
<td width="359" align = "center">Western Conference</td>
</tr>
<tr>
<td><input type = "radio" name = "group1" value = "BB"/>Boston Bruins (1) <input type = "radio" name = "group1" value = "MC"/>Montreal Canadiens (8)</td>
<td><input type = "radio" name = "group2" value = "SJS"/>San Jose Sharks(1) <i>vs.</i> <input type = "radio" name = "group2" value = "AD"/>Anaheim Ducks (8)</td>
</tr>
<tr>
<td><input type = "radio" name = "group3" value = "WC"/>Washington Capitals (2)<input type = "radio" name = "group3" value = "NYR"/>New York Rangers (7)</td>
<td><input type = "radio" name = "group4" value = "DRW"/>Detroit Red Wings (2) <i>vs.</i><input type = "radio" name = "group4" value = "CBJ"/>Columbus Blue Jackets (7)</td>
</tr>
<tr>
<td><input type = "radio" name = "group5" value = "NJD"/>New Jersey Devils (3) <input type = "radio" name = "group5" value = "CH"/>Carolina Hurricans (6)</td>
<td><input type = "radio" name = "group6" value = "VC"/>Vancouver Canucks(3) <i>vs.</i><input type = "radio" name = "group6" value = "SLB"/>St. Louis Blues(6)</td>
</tr>
<tr>
<td><input type = "radio" name = "group7" value = "PP"/>Pittsburgh Penguins (4) <input type = "radio" name = "group7" value = "PF"/>Philadelphia Flyers (5)</td>
<td><input type = "radio" name = "group8" value = "CB"/>Chicago Blackhawks (4) <i>vs.</i><input type = "radio" name = "group8" value = "CF"/>Calgary Flames (5)</td>
</tr>
</table>

<p></p>

<p><input type = "reset" value = "Reset"/> <input type = "submit" value = "Submit" /></p>

</form>

</body>
</html>

My apologies if this belongs in a different forum.

I'm creating an order form for a site and I need to add something I've never done before. I want content to be added to the form if the user clicks on a certain radio button. At the bottom of the form there are fields for the subtotal and total of the items that they're inputting at the top of the form.

By clicking on a radio button I want to do either of the following.

1) A new table cell appears with text and an input field that has a number already in it.

2) The above cell and content are already on the page, and the clicking of the radio button only adds the info into the empty input.

The first option I assume is a little more complicated and probably deals with CSS and/or Javascript. Option 1 is preferred but if I can only do number 2 then I'll deal. Just a note, I'm not doing any actual number calculations with this form. It's just raw numbers so there's no need to take that into consideration.

Any and all help will be greatly appreciated.

Hi

I'm trying to setup a chat on my site where you will ave to sign up in order to chat. However I already have a forums setup on that site that uses a MySQL Databases.

My question is can I use the same database for the chat that i use for the forums? and if yes will i be able to login to the chat and the forums with the same usernam/password

Thank you
FSY

hello guys,

can someone guide me on how to setup/create search in my website for content and pages not using any database, all i want is to search simple content in my limited number of pages ? is that possible using html ? if yes then please guide me how to accomplish it...thanks

My server switch me from Windows platform to Linux. now when I pull down one of my pages I have lost all my spacing formats. Is there anything I can do to stop this?
Is Linux causing this?


It looks like this now:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE>No Magic Neon Street Magic LED DOT Approval Page</TITLE><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><META NAME="Keywords" content="DOT, DOT approval, led clusters, genesis, spyder, can-am spyder "><META NAME="Description" CONTENT="Street Magic Leds. Motorcycle Lighting Innovators, Not Imitators LED lights"><META NAME="Author" CONTENT="streetmagicleds@nycap.rr.com"><META NAME="ROBOTS" CONTENT="index,follow"></head><BODY BGCOLOR="#000000" TEXT="#000000" LINK="orange" VLINK="yellow" ALINK="#FF0000"><!--Take first section and duplicate on each page-change links--><div align=center><IMG SRC="logo sm-nmn 8-07.jpg" WIDTH=855 BORDER=0><p><table border=0 width=900 height=20 bordercolor="black" cellspacing=o cellpadding=0 bgcolor="black" > <tr><td><div align=center><A href="http://www.nomagicneon.com"><font color=#ffff99>Home</A>&nbsp;&#42<A href="http://www.nomagicneon.com/contact.html"><font color=#ffff99>Contact Info.</A


Use to look like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<TITLE>No Magic Neon Street Magic LED DOT Approval Page</TITLE>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Keywords" content="DOT, DOT approval, led clusters, genesis, spyder, can-am spyder ">
<META NAME="Description" CONTENT="Street Magic Leds. Motorcycle Lighting Innovators, Not Imitators LED lights">
<META NAME="Author" CONTENT="streetmagicleds@nycap.rr.com">
<META NAME="ROBOTS" CONTENT="index,follow">

</head>



<BODY BGCOLOR="#000000" TEXT="#000000" LINK="orange" VLINK="yellow" ALINK="#FF0000">



Thanks in advance if you have any ideas

The website I am trying to build is as follows:

Website Logo (a jpg file)


Left bar (4 jpgs) | The content (some text) | Right bar(2 jpgs)


Footer(some text)


This is what I have coded so far:

HTML Code:

<body bgcolor="#3598FE">


<!-- start header -->
<div id="header">
	<div id="logo" align=center>
		<img src="images/The_LastPic_Logo_Final_Nov_3.jpg" width="463" height="193" />
	</div>
</div>
<!-- end header -->

<!-- start page -->
<div id="page">
	<!-- start leftbar -->
	
	<div id="leftbar" class="sidebar">

		<table>

			<tr><td><a href="http://www.google.com"><img src="images/baseball_home.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/volley_uploadVideo.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/puck_aboutTLP.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/football_officialRules.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/basketball_ReleaseFroms.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>


		</table>
		
	
		
	</div>

	<!-- end leftbar -->
	
	
		<!-- start content -->
	<div id="content">

			<h1 class="title">Hello</h1>


	</div>
	<!-- end content -->
	
	
	
	
	
</div>
<!-- end page -->


</body>

Where I have <h1 class="title">Hello</h1> It is showing up below the table I created, how can I make it print to the right of the table?