diff options
Diffstat (limited to 'HTML/inputfields.html')
-rw-r--r-- | HTML/inputfields.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/HTML/inputfields.html b/HTML/inputfields.html new file mode 100644 index 0000000..c2263ae --- /dev/null +++ b/HTML/inputfields.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <!-- Metadata --> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- CSS & Atom --> + <link rel="stylesheet" href="../CSS/default.css"> + <link rel="stylesheet" href="../CSS/inputfield.css"> + + <title>Inputfield</title> +</head> +<body> + <div style="margin: 5px"> + <input type="text" id="username"> + </div> + + <div style="margin: 5px"> + <input type="checkbox"> + </div> + + <div style="margin: 5px"> + <input type="color"> + </div> + + <div style="margin: 5px"> + <input type="date"> + </div> + + <div style="margin: 5px"> + <input type="file"> + </div> + + <div style="margin: 5px"> + <input type="radio"> + </div> + + <div style="margin: 5px"> + <input type="range"> + </div> + + <div style="margin: 5px"> + <textarea id="text-zone" rows="4" cols="50"> + Text zone, text area... + </textarea> + </div> + + <div style="margin: 5px"> + <input list="browsers" name="browser" id="browser" type="text"> + + <datalist id="browsers"> + <option value="Edge"> + <option value="Firefox"> + <option value="Chrome"> + <option value="Opera"> + <option value="Safari"> + </datalist> + </div> + + <div style="margin: 5px"> + <input type="submit" value="Submit"> + </div> +</body> +</html> |