skrabanek
/
html-uvod
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

form

master
Jakub Škrabánek 3 years ago
parent
3ad26a3921
commit
3cc37ed192
4 changed files with 163 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 58
      03/formular.html
  2. 22
      03/index.html
  3. 68
      03/tabulka.html
  4. 15
      03/vypis.html

58
03/formular.html
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabulka</title>
</head>
<body>
<div style="text-align: center;">
<h1 >Formulář</h1>
<a href="index.html">HOME</a>
<hr>
<form action="formular.html" method="get">
<label for="jmeno">Jmeno:</label>
<input type="text" name="jmeno" id="jmeno">
<br>
<label for="heslo">Heslo:</label>
<input type="password" name="heslo" id="heslo">
<br>
<label for="vyber">Oblíbeny nápoj</label>
<select name="vyber" id="vyber">
<option value="1">Coca-Cola</option>
<option value="2">Sprite</option>
<option value="3">Fanta</option>
<option value="4">Kofola</option>
</select>
<!-- Input type:radio -->
<p>Oblíbený předmět</p>
<input type="radio" name="predmet" id="WTL" value="WTL">
<label for="WTL">WTL</label>
<input type="radio" name="predmet" id="PRG" value="PRG">
<label for="PRG">PRG</label>
<input type="radio" name="predmet" id="MAT" value="MAT">
<label for="MAT">MAT</label>
<br>
<!-- Checkbox -->
<p>Kontrola: Co nalezneme uvnitř počítače</p>
<input type="checkbox" name="cpu" id="cpu" value="cpu">
<label for="cpu">Procesor</label>
<input type="checkbox" name="gpu" id="gpu" value="gpu">
<label for="gpu">Grafická karta</label>
<input type="checkbox" name="mouse" id="mouse" value="mouse">
<label for="mouse">Myš</label>
<input type="checkbox" name="printer" id="printer" value="printer">
<label for="printer">Tiskárna</label>
<input type="checkbox" name="chair" id="chair" value="chair">
<label for="chair">Židle</label>
<br>
<input type="button" value="MAGIC!" onclick="alert('MAGIIIIC!!!')">
<br>
<input type="submit" value="Odeslat na kontrolu">
</form>
</div>
</body>
</html>

22
03/index.html
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hlavní stránka</title>
</head>
<body>
<div style="text-align: center;">
<h1>Vítejte</h1>
<h2>použijte naší navigaci</h2>
<ul style="list-style-type: none;
margin: 0;
padding: 0;">
<li><a href="tabulka.html">Tabulka</a></li>
<li><a href="formular.html">Formulář</a></li>
<li><a href="vypis.html">Výpis</a></li>
</ul>
</div>
</body>
</html>

68
03/tabulka.html
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabulka</title>
</head>
<body>
<div style="text-align: center;">
<h1>Tabulka</h1>
<a href="index.html">HOME</a>
</div>
<hr>
<table style="margin: auto;">
<tr>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
<td style="border: 1px solid black;">A</td>
</tr>
<tr>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
<td style="border: 1px solid black;">B</td>
</tr>
<tr>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
<td style="border: 1px solid black;">C</td>
</tr>
<tr>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
<td style="border: 1px solid black;">D</td>
</tr>
<tr>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
<td style="border: 1px solid black;">E</td>
</tr>
</table>
</body>
</html>

15
03/vypis.html
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabulka</title>
</head>
<body>
<div style="text-align: center;">
<h1 >Výpis</h1>
<a href="index.html">HOME</a>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save