HTML-CSS-practice/forms-input-types.html at master · kkkombo/HTML-CSS-practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
    <head>
        <title>Input Types</title>
        <meta name="author" value="Alexandra Dedok" />
        <meta name="description" value="Learning HTML/CSS for fun and games and websites" />
        <meta name="keywords" content="HTML, CSS" />
    </head>
    <body>
        <form name="input-reference" method="get" action="process.php">
            <input type="text" name="text" value="This is text"/> </br>
            <textarea name="textarea">This is a text area</textarea> </br>
            <input type="password" name="password" value="This is password"/> </br>
            <!-- Radio Button -->
            <p>Radio Buttons:</p>
            <input type="radio" name="radio-option" value="1st option" />1st option
            <input type="radio" name="radio-option" value="2nd option" checked />2nd option
            <input type="radio" name="radio-option" value="3rd option" />3rd option
            <!-- Checkbox -->
            <p>Checkboxes:</p>
            <input type="checkbox" name="checkoption1" value="Atlantis" /> 1st option
            <input type="checkbox" name="checkoption2" value="Snow White" /> 2nd option
            <input type="checkbox" name="checkoption3" value="Aladdin" /> 3rd option </br>
            <!-- Drop-down List -->
            <select name="select">
                <option>This is a Select Box</option>
                <option value="1st option">1st option</option>
                <option value="2nd option">2nd option</option>
                <option value="3rd option">3rd option</option>
            </select>
            <div>
                <p>File Upload:</p>
                <input type="file" name="file"/>
                <!-- Normal submit button -->
                <input type="submit" name="submit" value="Submit" />
                <!-- Image submit button -->
                <input type="image" name="image-submit" src="submit-img.png" alt="Submit" />
            </div> </br>
            <div>
                <label for="first_name">First Name:</label>
                <input type="text" name="first_name" id="first_name" placeholder="Milo" />
            </div>
        </form>
    </body>
</html>