Portfolio/form_example.html at main · prahuljose/Portfolio · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>My 1st Form</title>
</head>

<body>
    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
        <fieldset>
            <legend>Bio Data:</legend>
            <label for='fname'><strong>First Name:</strong></label><br>
            <input type='text' id='fname' VALUE='Rahul'>
            <br>

            <label for='lname'><strong>Last Name:</strong></label><br>
            <input type='text' id='lname' VALUE='Jose'>
            <br>
            <br>
            <strong>How to you identify?</strong>
            <input type='radio' id='male' name='female' value='male'>
            <label for='male'>Male</label>

            <input type='radio' id='female' name='female' value='female'>
            <label for='male'>Female</label>
        </fieldset>
        <br>


        <fieldset>
            <legend>Preferences:</legend>
            <strong>Choose your option:</strong>
            <br>
            <input type='checkbox' id='food_option1' name='food_option1' value='Lays'>
            <label for='food_option1'>Lays</label>
            <br>
            <input type='checkbox' id='food_option2' name='food_option2' value='Pringles'>
            <label for='food_option2'>Pringles</label>
            <br>
            <input type='checkbox' id='food_option3' name='food_option3' value='Doritos'>
            <label for='food_option3'>Doritos</label>
            <br>
            <br>
            <label for='cars'><strong>Choose a car:</strong></label>
            <select id='cars' name='cars'>
                <option value='volvo'>Volvo</option>
                <option value='mitsubishi'>Mitsubishi</option>
                <option value='nissan'>Nissan</option>
                <option value='honda'>Honda</option>
            </select>

        </fieldset>

        <br>
        <br>
        <label for='description'><strong>Describe yourself:</strong></label><br>
        <textarea name='description' id='description' rows='10' cols='30'>
            I am ...
        </textarea>

        <br>
        <br>
        <input type='submit' value='SUBMIT' onclick="alert('Data submitted.')">
        <br><br>
        0
        <input type="range" min='0' max='50' id="a" name="a" value="25">
        50 +
        <input type="number" id="b" name="b" value="50">
        =
        <output name="x" for="a b"></output>


    </form>
</body>