form ... radio + text

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
wwf
Δημοσιεύσεις: 593
Εγγραφή: 16 Οκτ 2005 15:13
Τοποθεσία: THESS
Επικοινωνία:

form ... radio + text

Δημοσίευση από wwf » 13 Οκτ 2008 21:10

γεια σας εχω 1 ερωτησεις και εχω σπασει το κεφαλι μου να βρω λυση.

1.εχω ενα radio button και εχω 2 επιλογες.
θελω οταν κανω μια επιλογη απο το radioButton παρακατω που εχω ενα απλο textField να εμφανίζετε πανω η επιλογη.. δλδ να μην την γραφω ξανα..

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

form ... radio + text

Δημοσίευση από dimsis » 14 Οκτ 2008 00:04

Στα πολύ γρήγορα... αυτό;
<form id="forma">
<input type="radio" name="tade" id="tade" value="mpla mpla 1" onclick="document.getElementById('deina').value=this.value" />
<input type="radio" name="tade" id="tade" value="mpla mpla 2" onclick="document.getElementById('deina').value=this.value" />
<input type="text" name="deina" id="deina" value="" />
</form>

Άβαταρ μέλους
loxy
Δημοσιεύσεις: 208
Εγγραφή: 17 Ιούλ 2007 01:18

form ... radio + text

Δημοσίευση από loxy » 23 Δεκ 2008 14:20

Γνωριζει κανεις , γιατι μπορει να εμφανιζονται τα radiobuttons ετσι ;

Εικόνα

Αυτο που καταλαβα παντως , ειναι οτι πρεπει να υπαρχει καποιο padding του κειμενου απο το radiobutton.

Τα borders, τα εχω βαλει μονο για να δειξω τη δομη του πινακα...

Αυτο ειναι το css του πινακα.

Κώδικας: Επιλογή όλων

table.a
&#123;
padding-top&#58;0px;
padding-left&#58;0px;
color&#58; white;
font-size&#58;12 ;
text-align&#58;center;
table-layout&#58; automatic;
border-spacing&#58; 0px;
&#125;

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

form ... radio + text

Δημοσίευση από dimsis » 23 Δεκ 2008 16:11

Εγώ έτσι όπως το βλέπω πάλι νομίζω πως έχεις κάποιο width για τα input, radio κλπ form elements... κάνε ένα paste όλο τον κώδικα.

Άβαταρ μέλους
loxy
Δημοσιεύσεις: 208
Εγγραφή: 17 Ιούλ 2007 01:18

form ... radio + text

Δημοσίευση από loxy » 23 Δεκ 2008 16:33

O πινακας:

Κώδικας: Επιλογή όλων

<table class="a" border=1 cellpadding="0" cellspacing="0" align="left">
	 <tr>
		<td ><label for="LoginName" >Loginname&#58;</label></td>
		<td ><input class="a" type="text" name="LoginName" id="LoginName" /></td></tr>
	<tr>
		<td><label for="Password">Password&#58;</label></td>
		<td><input class="a" type="Password" name="Password" id="Password" /></td></tr>
	<tr>
	<td><label for="Password">Retype Password&#58;</label></td>
	  <td><input class="a" type="Password2" name="Password2" id="Password2" /></td></tr>
	
	<tr>
	 <td><label for="Email">Email Address&#58;</label></td>
	 <td><input class="a" type="text" name="Email" id="Email" /></td></tr>
	
	<tr>
    <td><label for="Gender">Gender&#58;</label></td>
		<td colspan=2 ><label for="Male">Male</label><input align="left" type="radio"  name="Gender" value="male"> 
      <label for="female">Female</label><input align="left"   type="radio"  name="Gender" value="female"> </td> </tr>
	
	<tr>
     <td><label for="UserName">UserName&#58;</label></td>
	 <td><input class="a" type="text" name="UserName" id="UserName" /></td> </tr>
	
	<tr>	
	 <td><label for="Surname">SurName&#58;</label></td>
	 <td><input class="a" type="text" name="Surname" id="Surname" /></td></tr>
	
	<tr>
      <td>	<label for="Birthdate">Birthdate&#58;</label></td>
      <td width="32px"><input class="a" type="text" readonly="readonly" name="Birthdate" id="Birthdate" size="25"></td> <td align ="left" width="2px"><a href="javascript&#58;NewCal&#40;'Birthdate','YYYYMMDD'&#41;"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td></tr>
	 
	 <tr>  
	  <td><label for="Nationality">Nationality&#58;</label>	</td>	
	  <td><select name="Nationality" id="Nationality">
        <OPTION VALUE="">Choose a Nationality...
		<option value="Greek">Greek</option>
        <option value="English">English</option>
        <option value="German">German</option>
		<option value="French">French</option>
		<option value="American">American</option>
		<option value="Bulgarian">Bulgarian</option>
		<option value="Turkish">Turkish</option>
		<option value="Swedish">Swedish</option>
		<option value="Chinese">Chinese</option>
		<option value="other">other...</option>
		</td> </tr>
		</select> 
     <tr>
		<td><label for="FatherName">Fathername&#58;</label></td>
		<td><input class="a" type="text" name="Fathername" id="Fathername" /></td></tr> 
	<tr> 	
		<td>Smoker&#58;</td>
		<td><input type="radio"   name="Smoker" value="y"> YES
        <input type="radio"   name="Smoker" value="n"> NO </td></tr>
	
	<tr>	
		<td><label for="Phone">Phone&#58;</label></td>
		<td><input class="a" type="text" name="PhoneNumber" id="PhoneNumber" /></td></tr> 
	<tr> 	
		<td><label for="Mobile">Mobile Phone&#58;</label></td>
		<td><input class="a" type="text" name="Mobile" id="Mobile" /></td></tr> 
		
	<tr>
	 <td><label for="City">City&#58;</label></td>
	 <td><input class="a" type="text" name="City" id="City" /></td></tr> 
	
	<tr> 	
	 <td><label for="CarType">Car Type&#58;</label></td>		
	 <td><select name="CarType" id="CarType">
        <OPTION VALUE="">Choose the type of your car...
		<option value="Audi">Audi</option>
		<option value="Alfa Romeo">Alfa Romeo</option>
		<option value="Citroen">Citroen</option>
		<option value="Crysler">Crysler</option>
		<option value="Fiat">Fiat</option>
        <option value="Ford">Ford</option>
		<option value="Honda">Honda</option>
		<option value="Hyundai">Hyundai</option>
		<option value="Kia">Kia</option>
		<option value="Lada">Lada</option>
		<option value="Mazda">Mazda</option>
		<option value="Mercedes">Mercedes</option>
		<option value="Opel">Opel</option>
		<option value="Peugeot">Peugeot</option>
		<option value="Skoda">Skoda</option>
        <option value="Suzuki">Suzuki</option>
		<option value="Volvo">Volvo</option>
		<option value="VW">VW</option>
		<option value="other">other...</option>
		
		</select> </td></tr>
		
		<tr>
		 <td><label for="CarYear">Car Year&#58;</label></td>
		<td><select width="100" name="CarYear" id="caryear">
        <OPTION VALUE="">Year...
		<option value="2009">2009</option>
        <option value="2008">2008</option>
        <option value="2007">2007</option>
		<option value="2006">2006</option>
		<option value="2005">2005</option>
		<option value="2004">2004</option>
		<option value="2003">2003</option>
		<option value="2002">2002</option>
		<option value="2001">2001</option>
		<option value="2000">2000</option>
		<option value="1999">1999</option>
		<option value="1998">1998</option>
		<option value="1997">1997</option>
		<option value="1996">1996</option>
		<option value="1995">1995</option>
		<option value="1994">1994</option>
		<option value="1993">1993</option>
		<option value="1992">1992</option>
		<option value="1991">1991</option>
		<option value="1990">1990</option>
		<option value="older">older...</option>
		</select> </td></tr> 
	
	<tr> 
		<td><label for="Color">Car Color&#58;</label></td>
		<td><select name="Color" id="Color">
        <OPTION VALUE="">Car Color
		<option value="Blue">Blue</option>
        <option value="Green">Green</option>
        <option value="Yellow">Yellow</option>
		<option value="Black">Black</option>
		<option value="White">White</option>
		<option value="Orange">Orange</option>
		<option value="Violet">Violet</option>
		<option value="Pink">Pink</option>
		<option value="other">other...</option>
		</select> </td></tr>
		
		<tr>
		 <td><label for="Pinakides">Pinakides</label></td>
		 <td><input class="a" type="text" name="Pinakides" id="Pinakides" /></td>
		
		<td><label for="Self Description">Self Description </label></td>
		<td><textarea name="SelfDescription" rows=4 cols=30 wrap=virtual> >Please add the language&#40;s&#41;, you speak...</textarea></td></tr> 
		</tr> 
		</table> 
		
		
και το .css

Κώδικας: Επιλογή όλων

input
&#123;
font-weight&#58;bold;
color&#58; #000 ;
background&#58; #DCDCDC;
border&#58; 1px groove  #000;
margin-bottom&#58;5px;
height&#58;21px;
width&#58;170px;
&#125;

input.a
&#123;
font-weight&#58;bold;
font-size&#58;10;
color&#58; #000 ;
background&#58; #DCDCDC;
border&#58; 1px groove  #000;
margin-bottom&#58;5px;
height&#58;14px;
width&#58;170px;
&#125;

input.submit &#123;  
font-weight&#58;bold;
border&#58; 3px;
border-color&#58;#030;
margin-top&#58;3px;
margin-right&#58;55px;
width&#58;60px;
height&#58;20px;

&#125;

input.submit a
&#123;  
font-weight&#58;bold;
border&#58; 3px;
border-color&#58;#030;
margin-top&#58;10px;
margin-right&#58;55px;
width&#58;60px;
height&#58;30px;
&#125;

label.a
&#123;
display&#58; block; 
width&#58; 6em; 
float&#58; center; 
&#125;

 
table.a
&#123;
padding-top&#58;0px;
padding-left&#58;0px;
color&#58; white;
font-size&#58;12 ;
text-align&#58;center;
table-layout&#58; automatic;
border-spacing&#58; 0px;

&#125;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

form ... radio + text

Δημοσίευση από fafos » 23 Δεκ 2008 17:12

dineis mhkos kai ypsos sto geniko style tou input... opos poly sosta epeshmane kai provlepse o synfouriths dimsis:

Κώδικας: Επιλογή όλων

input
&#123;
font-weight&#58;bold;
color&#58; #000 ;
background&#58; #DCDCDC;
border&#58; 1px groove  #000;
margin-bottom&#58;5px;
height&#58;21px;
width&#58;170px;
&#125;

Άβαταρ μέλους
loxy
Δημοσιεύσεις: 208
Εγγραφή: 17 Ιούλ 2007 01:18

form ... radio + text

Δημοσίευση από loxy » 23 Δεκ 2008 17:34

Αυτο ηταν.
Ευχαριστω...

xakou
Δημοσιεύσεις: 99
Εγγραφή: 27 Νοέμ 2004 00:05

form ... radio + text

Δημοσίευση από xakou » 10 Φεβ 2009 23:49

loxy έγραψε:O πινακας:

Κώδικας: Επιλογή όλων

<table class="a" border=1 cellpadding="0" cellspacing="0" align="left">
	 <tr>
		<td ><label for="LoginName" >Loginname&#58;</label></td>
		<td ><input class="a" type="text" name="LoginName" id="LoginName" /></td></tr>
	<tr>
		<td><label for="Password">Password&#58;</label></td>
		<td><input class="a" type="Password" name="Password" id="Password" /></td></tr>
	<tr>
	<td><label for="Password">Retype Password&#58;</label></td>
	  <td><input class="a" type="Password2" name="Password2" id="Password2" /></td></tr>
	
	<tr>
	 <td><label for="Email">Email Address&#58;</label></td>
	 <td><input class="a" type="text" name="Email" id="Email" /></td></tr>
	
	<tr>
    <td><label for="Gender">Gender&#58;</label></td>
		<td colspan=2 ><label for="Male">Male</label><input align="left" type="radio"  name="Gender" value="male"> 
      <label for="female">Female</label><input align="left"   type="radio"  name="Gender" value="female"> </td> </tr>
	
	<tr>
     <td><label for="UserName">UserName&#58;</label></td>
	 <td><input class="a" type="text" name="UserName" id="UserName" /></td> </tr>
	
	<tr>	
	 <td><label for="Surname">SurName&#58;</label></td>
	 <td><input class="a" type="text" name="Surname" id="Surname" /></td></tr>
	
	<tr>
      <td>	<label for="Birthdate">Birthdate&#58;</label></td>
      <td width="32px"><input class="a" type="text" readonly="readonly" name="Birthdate" id="Birthdate" size="25"></td> <td align ="left" width="2px"><a href="javascript&#58;NewCal&#40;'Birthdate','YYYYMMDD'&#41;"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td></tr>
	 
	 <tr>  
	  <td><label for="Nationality">Nationality&#58;</label>	</td>	
	  <td><select name="Nationality" id="Nationality">
        <OPTION VALUE="">Choose a Nationality...
		<option value="Greek">Greek</option>
        <option value="English">English</option>
        <option value="German">German</option>
		<option value="French">French</option>
		<option value="American">American</option>
		<option value="Bulgarian">Bulgarian</option>
		<option value="Turkish">Turkish</option>
		<option value="Swedish">Swedish</option>
		<option value="Chinese">Chinese</option>
		<option value="other">other...</option>
		</td> </tr>
		</select> 
     <tr>
		<td><label for="FatherName">Fathername&#58;</label></td>
		<td><input class="a" type="text" name="Fathername" id="Fathername" /></td></tr> 
	<tr> 	
		<td>Smoker&#58;</td>
		<td><input type="radio"   name="Smoker" value="y"> YES
        <input type="radio"   name="Smoker" value="n"> NO </td></tr>
	
	<tr>	
		<td><label for="Phone">Phone&#58;</label></td>
		<td><input class="a" type="text" name="PhoneNumber" id="PhoneNumber" /></td></tr> 
	<tr> 	
		<td><label for="Mobile">Mobile Phone&#58;</label></td>
		<td><input class="a" type="text" name="Mobile" id="Mobile" /></td></tr> 
		
	<tr>
	 <td><label for="City">City&#58;</label></td>
	 <td><input class="a" type="text" name="City" id="City" /></td></tr> 
	
	<tr> 	
	 <td><label for="CarType">Car Type&#58;</label></td>		
	 <td><select name="CarType" id="CarType">
        <OPTION VALUE="">Choose the type of your car...
		<option value="Audi">Audi</option>
		<option value="Alfa Romeo">Alfa Romeo</option>
		<option value="Citroen">Citroen</option>
		<option value="Crysler">Crysler</option>
		<option value="Fiat">Fiat</option>
        <option value="Ford">Ford</option>
		<option value="Honda">Honda</option>
		<option value="Hyundai">Hyundai</option>
		<option value="Kia">Kia</option>
		<option value="Lada">Lada</option>
		<option value="Mazda">Mazda</option>
		<option value="Mercedes">Mercedes</option>
		<option value="Opel">Opel</option>
		<option value="Peugeot">Peugeot</option>
		<option value="Skoda">Skoda</option>
        <option value="Suzuki">Suzuki</option>
		<option value="Volvo">Volvo</option>
		<option value="VW">VW</option>
		<option value="other">other...</option>
		
		</select> </td></tr>
		
		<tr>
		 <td><label for="CarYear">Car Year&#58;</label></td>
		<td><select width="100" name="CarYear" id="caryear">
        <OPTION VALUE="">Year...
		<option value="2009">2009</option>
        <option value="2008">2008</option>
        <option value="2007">2007</option>
		<option value="2006">2006</option>
		<option value="2005">2005</option>
		<option value="2004">2004</option>
		<option value="2003">2003</option>
		<option value="2002">2002</option>
		<option value="2001">2001</option>
		<option value="2000">2000</option>
		<option value="1999">1999</option>
		<option value="1998">1998</option>
		<option value="1997">1997</option>
		<option value="1996">1996</option>
		<option value="1995">1995</option>
		<option value="1994">1994</option>
		<option value="1993">1993</option>
		<option value="1992">1992</option>
		<option value="1991">1991</option>
		<option value="1990">1990</option>
		<option value="older">older...</option>
		</select> </td></tr> 
	
	<tr> 
		<td><label for="Color">Car Color&#58;</label></td>
		<td><select name="Color" id="Color">
        <OPTION VALUE="">Car Color
		<option value="Blue">Blue</option>
        <option value="Green">Green</option>
        <option value="Yellow">Yellow</option>
		<option value="Black">Black</option>
		<option value="White">White</option>
		<option value="Orange">Orange</option>
		<option value="Violet">Violet</option>
		<option value="Pink">Pink</option>
		<option value="other">other...</option>
		</select> </td></tr>
		
		<tr>
		 <td><label for="Pinakides">Pinakides</label></td>
		 <td><input class="a" type="text" name="Pinakides" id="Pinakides" /></td>
		
		<td><label for="Self Description">Self Description </label></td>
		<td><textarea name="SelfDescription" rows=4 cols=30 wrap=virtual> >Please add the language&#40;s&#41;, you speak...</textarea></td></tr> 
		</tr> 
		</table> 
		
		
και το .css

Κώδικας: Επιλογή όλων

input
&#123;
font-weight&#58;bold;
color&#58; #000 ;
background&#58; #DCDCDC;
border&#58; 1px groove  #000;
margin-bottom&#58;5px;
height&#58;21px;
width&#58;170px;
&#125;

input.a
&#123;
font-weight&#58;bold;
font-size&#58;10;
color&#58; #000 ;
background&#58; #DCDCDC;
border&#58; 1px groove  #000;
margin-bottom&#58;5px;
height&#58;14px;
width&#58;170px;
&#125;

input.submit &#123;  
font-weight&#58;bold;
border&#58; 3px;
border-color&#58;#030;
margin-top&#58;3px;
margin-right&#58;55px;
width&#58;60px;
height&#58;20px;

&#125;

input.submit a
&#123;  
font-weight&#58;bold;
border&#58; 3px;
border-color&#58;#030;
margin-top&#58;10px;
margin-right&#58;55px;
width&#58;60px;
height&#58;30px;
&#125;

label.a
&#123;
display&#58; block; 
width&#58; 6em; 
float&#58; center; 
&#125;

 
table.a
&#123;
padding-top&#58;0px;
padding-left&#58;0px;
color&#58; white;
font-size&#58;12 ;
text-align&#58;center;
table-layout&#58; automatic;
border-spacing&#58; 0px;

&#125;
μάλιστα.... αυτό το πρόγραμμα / πλατφόρμα με αγγελιές αυτοκινήτων που την βρίσκω;

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης