[HTML] Połączenie ze sobą inputów.

dejot44 · 17 Czerwca 2017

Witam! Streszczę się: chciałbym aby moje dwa "radia"(te które są w "Szybkim Menu" razem się ze sobą komunikowały, bez użycia JS. Kompletnie nie wiem jak się za to zabrać i jak powinienem szukać informacji w google, bo nic znaleźć nie mogę. Byłbym bardzo wdzięczny za pomoc Oto mój kod:

<DOCTYPE html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html lang="pl">

<head>
<title>Title</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"></link>
<link rel="stylesheet" href="Index.css"></link>
<link href="https://fonts.googleapis.com/css?family=Spectral:500&subset=latin-ext" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></link>

<style>
	.w3-myfont 
	{
 			font-family: 'Spectral', serif;
	}
</style>
</head>

<body>

<div class="w3-container w3-text-white w3-myfont">

<!----------------------------------------------------------------->
<!----------------------------------------------------------------->
<!----------------------------------------------------------------->
<!----------------------------------------------------------------->

	<div class="w3-bar" style="background-color:#5F5F5F;" id="mainBar">
		<div class="w3-dropdown-hover" style="background-color : #5F5F5F; color : white;">
			<a href="Account.html" class="w3-button">Mcjulcz <i class="fa fa-caret-down"></i></a>
			<div class="w3-dropdown-content w3-bar-block w3-card-2" style="background-color:black; color:white;">
				<table id="account">
					<tr>
						<td><img src="Img/Avatar.jpg" height="100px" width="100px"></img></td>
						<td><ul id="belongings">
							<li><i class="fa fa-database" style="color : yellow;"></i>: 123.623</li>
							<li><i class="fa fa-diamond" style="color : red;"></i>: 115</li>
							<li><i class="fa fa-diamond" style="color : white"></i>: 0</li>
						</ul></td>
					</tr>
					<tr>
						<td><a href="Browse.html"><button class="w3-button" style="margin : 5px 5px 5px 5px;">Przeglądaj</button></a></td>
						<td><button class="w3-button" style="margin : 5px 5px 5px 5px;">Przygarnij</button></td>
					</tr>
				</table>
     			</div>
		</div>
		<div class="w3-dropdown-hover" style="background-color : 5F5F5F; color : white;">
			<a class="w3-button">Handel <i class="fa fa-caret-down"></i></a>
			<div class="w3-dropdown-content w3-bar-block w3-card-2" style="background-color : black; color : white;">
				<a href="Shop.html" class="w3-bar-item w3-button">Sklep</a>
				<a href="Market.html" class="w3-bar-item w3-button">Targ</a>
			</div>
		</div>
		<div class="w3-dropdown-hover" style="background-color : 5F5F5F; color : white;"><!----------------------------------------------------------------->
			<a class="w3-button">Szybkie Menu <i class="fa fa-caret-down"></i></a>
			<div class="w3-dropdown-content w3-bar-block w3-card-2" style="background-color : black; color : white;">
				<div class="w3-dropdown-hover" style="background-color : black; color : white;">
					<a class="w3-button">Wyślij na wyprawę <i class="fa fa-caret-down"></i></a>
					<div class="w3-dropdown-content w3-bar-block w3-card-2" style="background-color : black; color : white;">
						<table style="color : white">
							<tr>
								<th>
									Kogo?
								</th>
								<th>
									Gdzie?
								</th>
							</tr>
							<tr>
								<td>
									<label>
										<input type="checkbox">
										Cienisty
									</label>
								</td>
								<td>
									<label>
										<input type="radio" value="7Mountains">
										Za siedmioma górami
									</label>
								</td>
							</tr>
							<tr>
								<td>
									<label>
										<input type="checkbox">
										Wietrzyk
									</label>
								</td>
								<td>
									<label>
										<input type="radio" value="7forests">
										Za siedmioma lasami
									</label>
								</td>
							</tr>
						</table>
						<button style="text-align : center;">Wyślij!</button>
					</div>
<!----------------------------------------------------------------->
				</div>
				<div class="w3-dropdown-hover" style="background-color : black; color : white;">

				</div>
			</div>
		</div>
		<a href="Chat.html" class="w3-bar-item w3-button">Czat</a>
	</div>

<!----------------------------------------------------------------->
<!----------------------------------------------------------------->
<!----------------------------------------------------------------->
<!----------------------------------------------------------------->

</div>
</body>

</html>

A tu jest Index.css

body
{
background-color : gray;
}
#mainBar
{
font-size : 1.5em;
}
#account
{
color : white;
}
#belongings
{
list-style-type : none;
text-align : center;
}
#content
{
margin-top : 2em;
font-size : 1.1em;
text-align : center;
}

Kod jest na tyle krótki, że myslę, że nie powinienem wycinać fragmentu.

Edit: zaznaczyłem w komentarzem jaki fragment jest ważny

**januzi** · 17 Czerwca 2017

jak dasz im tę samą nazwę, to naciśnięcie jednego spowoduje odznaczenie drugiego

dejot44 · 17 Czerwca 2017

jak dasz im tę samą nazwę, to naciśnięcie jednego spowoduje odznaczenie drugiego

Serio? Teraz widzę jakie głupie pytanie zadałem Właściwie piszę tę stronę nadal ucząc się HTMLa, więc mam nadzieję, że mi wybaczycie.

Wielkie dzięki!

Zaloguj się

Temat został przeniesiony do archiwum

[HTML] Połączenie ze sobą inputów.

Rekomendowane odpowiedzi

dejot44 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

januzi 24

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

dejot44 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Ostatnio przeglądający 0 użytkowników

Tematy

Odpowiedzi

Aktywni użytkownicy

Przeglądaj

Aktywność