출처: https://bumcrush.tistory.com/182 [맑음때때로 여름]

Form tag


type = text :
type = password :
type = checkbox :
type = radio : A B C
type = color :
type = date :
type = datetime-local :
type = month :
type = week :
type = time :
type = email :
type = file :
type = hidden : 화면에는 표현되지 않는다.
type = image :
type = number :
type = range :
type = tel :
type = url :

type = sumbmit :
type = reset :

 

 

 

<!DOCTYPE html>
<!-- HTML5 문서임을 정의 -->
<html lang = "ko">
    <head>
        <title>form tag 연습</title>
        <meta charset="utf-8">
        <style></style>
        <script></script>
    </head>
    <body>
    
        <h1>Form tag</h1>
        <hr> <!--선-->
        
        <!--
        서버로 전송하고자 하는 폼 데이터를 묶는다.
        action : 데이터를 전송할 경로 - 위치
        method : 전송하는 방식 - get / post 방식
        -->
        <form action="#" method="get">
        
            type = text : <input type="text" name="username"><br>
            type = password : <input type="password" name="password"><br>
            type = checkbox : <input type="checkbox" name="chk" value="ok"><br>
            type = radio : 
            A <input type="radio" name="choice" value="A">
            B <input type="radio" name="choice" value="B">
            C <input type="radio" name="choice" value="C"><br>
            type = color : <input type="color" name="color"><br>
            type = date : <input type="date" name="date"><br>
            type = datetime-local : <input type="datetime-local" name="localdatetime"><br>
            type = month : <input type="month"><br>
            type = week : <input type="week"><br>
            type = time : <input type="time" name="time"><br>
            type = email : <input type="email" name="email"><br>
            type = file : <input type="file" name="userphoto"><br>
            type = hidden : 화면에는 표현되지 않는다. <input type="hidden" name="idx" value="1"><br>
            type = image : <input type="image" src="dispatch.png" height="50"><br>
            type = number : <input type="number" name="num"><br>
            type = range : <input type="range" name="age" min="0" max="150"><br>
            type = tel : <input type="tel"><br>
            type = url : <input type="url" name="url"><br>
            
            
            
            <br>
            type = sumbmit : <input type="submit"><br>
            type = reset : <input type="reset">
   
        
        </form>
    </body>
</html>

'front-end > HTML & CSS' 카테고리의 다른 글

[css] position  (0) 2020.11.24
[css] button / 버튼만들기  (0) 2020.11.24
[css] background  (0) 2020.11.24
[css] attribute / 속성  (0) 2020.11.24
[css] 선택자  (0) 2020.11.23
[html5] table  (0) 2020.11.23
[html5] select  (0) 2020.11.23

+ Recent posts