input태그는 웹페이지에서 사용자 입력을 받는 데 사용되며 , 다양한 타입(type)을 가질 수 있다.
각 타입은 특정한 종류의 입력을 나타내며, 다양한 형식의 데이터를 수집할 수 있도록 한다.
일반적으로 많이 쓰는 타입은
"text,password,email,number,checkbox,radio,submit,file" 등이 있고
필요할 때 갖다 쓰면 된다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form method="post" action="fake_server.php">아이디
<input type="text" id="ss" name="id" value="Default Username">
<label for="pw" name="">비밀번호</label>
<input type="password" id="pw" placeholder="비밀번호를 입력해주세요">
<input type="radio" name="gender">남자
<input type="radio" name="gender">여자 <br>
당신의 취미는?
<input type="checkbox">롤
<input type="checkbox">자전거
<input type="checkbox">기타등등
<br>
<input type="submit" value="로그인">
</form>
</body>
</html>
checkbox = 체크하는 박스
radio = 둥근 선택타입
radio 쓸 때 하나만 선택하고 싶다면
name값을 같게 해주면 된다.
<input type="radio" name="gender">남자
<input type="radio" name="gender">여자
이런 식으로 말이다.
<input type="password" id="pw" placeholder="비밀번호를 입력해주세요">
placeholder를 입력해주면 연한 회색글씨로 글자를 써넣을 수 있다.
<input type="text" id="ss" name="id" value="Default Username">
input value = 미리 값을 채워놓을 수 있다. Default Username 이렇게 하면 미리 Default Username 가 입력 되어 있는 거임.
'Front-End > HTML , CSS' 카테고리의 다른 글
| CSS란 무엇인가? (CSS) (0) | 2024.01.06 |
|---|---|
| meta(HTML) (0) | 2024.01.06 |
| form , label(HTML) (0) | 2024.01.05 |
| ul , ol ,주석 사용방법(HTML) (0) | 2024.01.05 |
| Image삽입 , a태그(링크) (0) | 2024.01.05 |
