Basic/Web

HTML form tags 예제

카고형 2020. 2. 12. 23:45
728x90
HTML form tags 예제
 
참고 사이트 https://www.w3schools.com/
 
 
input tags
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
       <title>Hello Web Would</title>
       </head>
       <body>
             <h1>Hello Web World</h1>
             <h3>Static HTML Page</h3>
             <p> 이것은 HTML로 만들어진 페이지 입니다ㅇㅅㅇb</p>
             <form method = "POST" action = "profile.jsp">        
             <input type = "text" name = "userid" /><br/>
             <input type = "password" name = "password" /><br/>
             <input type = "hidden" name = "secret_key" /><br/>
             <input type = "button" name = "My_Button" /><br/>
             <input type = "submit" name = "전송" /><br/>
             </form>
       </body>
</html>
 
 
 
 
 
checkbox
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
       <title>Hello Web Would</title>
       </head>
       <body>
             <h1>Hello Web World</h1>
             <h3>Static HTML Page</h3>
             <p> 이것은 HTML로 만들어진 페이지 입니다ㅇㅅㅇb</p>
             
             
             <input type = "checkbox" name = "pet" value = "dog" checked>개
             <input type = "checkbox" name = "pet" value = "turtle"  checked>거북이
             <input type = "checkbox" name = "pet" value = "fish" >물고기
       </body>
</html>
 
 
 
 
 
 
 
radio
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
       <title>Hello Web Would</title>
       </head>
       <body>
             <h1>Hello Web World</h1>
             <h3>Static HTML Page</h3>
             <p> 이것은 HTML로 만들어진 페이지 입니다ㅇㅅㅇb</p>
             
             
             <input type = "radio" name = "fruit" value = "apple" checked>사과
             <input type = "radio" name = "fruit" value = "mango" checked>망고
             <input type = "radio" name = "fruit" value = "orange" >오랜지
       </body>
</html>
 
 
 

 

 

 

 

 
select tags
 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
       <title>Hello Web Would</title>
       </head>
       <body>
             <h1>Hello Web World</h1>
             <h3>Static HTML Page</h3>
             <p> 이것은 HTML로 만들어진 페이지 입니다ㅇㅅㅇb</p>
             
             
             <select name = "telecom">
                    <option value = "s">Samsung</option>
                    <option value = "l">LG</option>
                    <option value = "k">KIA</option>
                    <option value = "e">기타</option>
             </select>
       </body>
</html>
 
 
 

 

728x90

'Basic > Web' 카테고리의 다른 글

Servlet 예제1  (0) 2020.02.18
JSP 동작순서 및 예제  (0) 2020.02.13
HTML Form Tage  (0) 2020.02.12
HTML 로 표만들기 예제  (0) 2020.02.12
HTML Basic  (1) 2020.02.12