155 lines
2.8 KiB
HTML
155 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="sk">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>formular</title>
|
||
|
|
<!-- namapovanie css-->
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2>Formular priklad</h2>
|
||
|
|
|
||
|
|
<!-- method get alebo post -->
|
||
|
|
<form action="https://localhost/adlerka/action_page.php"
|
||
|
|
method="get" name="prihlasenie">
|
||
|
|
<!-- method moze naberat dve hodnoty post alebo algebricky, default je get-->
|
||
|
|
|
||
|
|
<label for="name">meno</label><br>
|
||
|
|
<input type="text" id="name" name="fname" value="john"><br>
|
||
|
|
<label for="name1">priezvisko</label><br>
|
||
|
|
<input type="text" id="name1" name="1name" value="Doe"><br>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2><input type="text"></h2>
|
||
|
|
<form>
|
||
|
|
<label for="ffname">First name</label>
|
||
|
|
<input type="text" id="ffname" name="fname"><br>
|
||
|
|
<label for="11name">last name</label><br>
|
||
|
|
<input type="text" id="11name"><br>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2><input type="password"></h2>
|
||
|
|
<form method="get">
|
||
|
|
<label for="username">username</label><br>
|
||
|
|
<input type="text" id="username" name="username"><br>
|
||
|
|
<label for="password">password</label><br>
|
||
|
|
<input type="text" id="password" name="password"><br><br>
|
||
|
|
<input type="submit" value="stlac">
|
||
|
|
<input type="reset" value="reset">
|
||
|
|
|
||
|
|
<h2><input type="password"></h2>
|
||
|
|
<form method="action_page.php">
|
||
|
|
<label for="xfname">xfname</label><br>
|
||
|
|
<input type="text" id="xfname" name="xfname"><br>
|
||
|
|
<label for="xfname">password</label><br>
|
||
|
|
<input type="text" id="xfname" name="xfname"><br><br>
|
||
|
|
<input type="submit" value="stlac">
|
||
|
|
<input type="reset" value="reset">
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2><input type="radio"></h2>
|
||
|
|
<form>
|
||
|
|
<label type="username">username</label><br>
|
||
|
|
<input for="text" id="username" name="username"><br>
|
||
|
|
<label for="password">password</label><br>
|
||
|
|
<input type="text" id="password" name="password"><br><br>
|
||
|
|
<input type="submit" value="stlac">
|
||
|
|
<input type="reset" value="reset">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
<h2><input type="email"></h2>
|
||
|
|
<form method="get">
|
||
|
|
<label for="email">Enter your email:</label>
|
||
|
|
<input type="email" id="email" name="email">
|
||
|
|
<input type="submit" value="Submit">
|
||
|
|
</form>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2><input type="file"></h2>
|
||
|
|
<form method="post">
|
||
|
|
<label for="mylife">Select a file:</label>
|
||
|
|
<input type="file" id="myfile" name="myfile" multiple>
|
||
|
|
<input type="submit" value="Submit">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<h2>input type="number"</h2>
|
||
|
|
<form>
|
||
|
|
<label for="quantity">Quantity (between 0 and 500) :</label>
|
||
|
|
<input type="number" id="quantity" name="quantity"
|
||
|
|
min="0" max="500" step="3">
|
||
|
|
</form>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2><input type="range"></h2>
|
||
|
|
<form>
|
||
|
|
<label for="vol">Volume (between 0 and 50):</label>
|
||
|
|
<input type="range" id="vol" name="vol" min="0" max="50">
|
||
|
|
</form>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2>input type="tel" https://regexr.com</h2>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2>input type="url"</h2>
|
||
|
|
<form>
|
||
|
|
<label for="homepage">Add your homepage:</label>
|
||
|
|
<input type="url" id="homepage" name="homepage" pattern="^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$">
|
||
|
|
<input type="submit">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</html>
|