web/1-9(1).html at main · kongyb/web · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
</head>

<body>
    <form action="www.주소.com" method="GET">
        ID:<input type="text" name="id" value="값을 입력하시오."><br>
        PW:<input type="text" name="password" value="*****"><br>
        <input type="reset">
        <input type="submit" value="확인">
    </form>
    <h3>button</h3>
    <input type="button" value="Click!" onclick="alert('Hello world!')">
    <hr>

    <h3>color</h3>
    <input type="color" name="mycolor">
    <hr>

    <h3>checkbox</h3>
    <input type='checkbox' name="color1" value='red' checked>red<br>
    <input type='checkbox' name="color2" value="blue">blue<br>
    <input type='checkbox' name="color3" value="yellow">yellow<br>
    <hr>

    <h3>date</h3>
    <input type="date" name="birthday">
    <hr>

    <h3>datetime</h3>
    <input type="datetime" name="birthdaytime">
    <hr>

    <h3>datetime-local</h3>
    <input type="datetime-local" name="birthdaytime">
    <hr>

    <h3>email</h3>
    <input type="email" name="usermail">
    <hr>

    <h3>file</h3>
    <input type="file" name="myfile">
    <hr>

    <h3>hidden</h3>
    <input type="hidden" name="country" value="Norway">
    hidden field는 표시되지 않음.
    <hr>

    <h3>image</h3>
    <input type="image" src="img/img.jpg" alt="이미지 없음!" width="40" height="60">
    <hr>

    <h3>month</h3>
    <input type="month" name="birthdaymonth">
    <hr>

    <h3>number</h3>
    <input type="number" name="quantity" min="2" max="10" step="2" value="2">
    <hr>

    <h3>password</h3>
    <input type="password" name="password">
    <hr>

    <h3>radio</h3>
    <input type="radio" name="gender" value="male" checked>남자<br>
    <input type="radio" name="gender" value="female">여자<br>
    <hr>

    <h3>range</h3>
    <input type="range" name="points" min="0" max="10" step="1" value="5">
    <hr>

    <h3>reset</h3>
    <input type="reset">
    <hr>

    <h3>search</h3>
    <input type="search" name="googlesearch">
    <hr>

    <h3>submit</h3>
    <input type="submit" value="submit">
    <hr>

    <h3>tel</h3>
    <input type="tel" name="mytel">
    <hr>

    <h3>text</h3>
    <input type="text" name="myname">
    <hr>

    <h3>time</h3>
    <input type="time" name="mytime">
    <hr>

    <h3>url</h3>
    <input type="url" name="myurl">
    <hr>

    <h3>week</h3>
    <input type="week" name="week_year">

</body>

</html>