Web/formex5.html at master · gamgam330/Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
    <head>
        <title>예제</title>
    </head>
    <body>
        <h3>도서 구입 요청</h3>
        <form method="get" action="form_app.js">
            도서명 :<input type ="text" list = "books"/>
            <datalist id = "books">
                <option value="멀티미디어배움터" label="30,000"/>
                <option value="인터넷배움터" label="34,000"/>
                <option value="컴퓨터와 IT기술의 이해" label="28,000"/>
            </datalist><br/>
            선호도 : 1<input type ="range" min ="1" max ="5" value="3"/>5<br/>
            가격 : <input type = "number" min="0" step="100"/>원<br/>
            권수 : <input type = "number" min="0" step="1"/>권<br/>
            <input type = "submit" value="구입"/>
        </form>
    </body>
</html>