1. input
• 사용자로부터 값을 입력받을수 있는 대화형 컨트롤(또는 '필드')을 나타낸다
• 기본적으로 인라인 요소이며, 단일 태그이다
• 전송되는 데이터는 name 어트리뷰트를 키로, value 어트리뷰트를 값으로 하여 key=value의
형태로 전송된다
ex) <input type="text" name="id" value="1">
2. type
• input의 핵심으로 type의 값에 따라 입력 요소의 형태나 입력 데이터 유형
등이 달라진다
• 사용 가능한 type은 20여 가지이며, 기본값은 text이다
3. name
• input 태그에 name 식별자를 추가할 수 있다
• 이는 각각의 입력 항목에 대한 이름이다
4. 실습
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>다양한 입력 요소 만들기</title>
</head>
<body>
<input name="text" type="text" maxlength="5" placeholder="메세지 입력..!"/> <br> <br>
<input name="push" type="button" value="PUSH" /> <br> <br>
<input name="color" type="color" /> 색을 골라보세요! <br> <br>
<input name="score" type="range" max="100" min="0" step="10" /> <br> <br>
<input name="birthday" type="date" /> <br> <br>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com