Html lekcja 2

From Sum-e Wiki

Jump to: navigation, search

Contents

Formularze

Form, input typ text, input typ password i input type submit

<html>
	<head>
		<title> Form, input typ text, input typ password i input type submit </title>
	</head>
	<body>
		<form action="formularz.html" method="get">
			
			<div>
				
				<div>
					<input type="text" name="login" value="twoj login" />
				</div>
				
				<div>
					<input type="password" name="haslo" value="" />
				</div>
				
				<div>
					<input type="submit" value="wyslij"/>
				</div>	
			
			</div>
		
		</form>

	</body>
</html>

textarea

<html>
	<head>
		<title> Form, input typ text, input typ password i input type submit </title>
	</head>
	<body>
		<form action="textarea.html" method="post">
			
			<div>
				<textarea name="twojtext" cols="80" rows="15"></textarea>
			</div>
		    <div>
				<input type="submit" value="wyslij"/>
		    </div>
		</form>

	</body>
</html>

select i options

<html>
	<head>
		<title> Form, input typ text, input typ password i input type submit </title>
	</head>
	<body>
		<form action="select.html" method="get">
			
			<div>
				<select name="kraj">
					<option value="">wybierz kraj</option>
					<option value="polska">polska kraj polakow</option>
					<option value="niemcy">niemcy kraj niemcow</option>
					<option value="francja">francja kraj francuzow</option>
				</select>
			</div>
			
		    <div>
				<input type="submit" value="wyslij"/>
		    </div>
		</form>

	</body>
</html>

input typ radio

<html>
	<head>
		<title> Form, input typ text, input typ password i input type submit </title>
	</head>
	<body>
		<form action="radio.html" method="get">
			
			<div>
				<input type="radio" name="waluta" value="zl" id="zlotowka"/>
				<label for="zlotowka">zlotowki</label>
			</div>
			
			<div>
				<input type="radio" name="waluta" value="usd" id="dolar"/>
				<label for="dolar">dolary</label>
			</div>
			
			<hr />
			
			<div>
				<input type="radio" name="bank" value="pko" id="bankpko"/>
				<label for="bankpko">bank pko</label>
			</div>
			
			<div>
				<input type="radio" name="bank" value="lloyds" id="banklloyds"/>
				<label for="banklloyds">bank lloyds</label>
			</div>
			
		    <div>
				<input type="submit" value="wyslij"/>
		    </div>
		</form>

	</body>
</html>

input type checkbox

<html>
	<head>
		<title> Form, input typ text, input typ password i input type submit </title>
	</head>
	<body>
		<form action="checkbox.html" method="get">
			
			<div>
				<input type="checkbox" name="bankpko" value="1" id="bankpko"/>
				<label for="bankpko">bank pko</label>
			</div>
			
			<div>
				<input type="checkbox" name="banklloyds" value="1" id="banklloyds"/>
				<label for="banklloyds">bank lloyds</label>
			</div>
			
		    <div>
				<input type="submit" value="wyslij"/>
		    </div>
		    
		</form>

	</body>
</html>

Personal tools