Form tag
<!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 |