form
form 태그는 여러 정보를 입력받아 이에 할당된 데이터를 서버로 전송라는 것 입니다.
로그인이나 검색창을 구성할 때 쓰이는 태그이기도 합니다!
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>form</title>
</head>
<body>
<form action="서버홈페이지">
<!--<div> : css를 쓰기위한 코드, 줄바꿈 -->
<div>
<label for="i_id">아이디</label> // id값과 매칭시켜 input과 연결
<input type="text" id="i_id">
</div>
<div>
<label for="i_pwd">패스워드</label>
<input type="password" id="i_pwd">
</div>
<div>
<input type="submit" value="로그인"> //제출
</div>
</form>
</body>
</html>
file:///C:/Users/judyb/OneDrive/%EB%AC%B8%EC%84%9C/WSM-104/2%ED%95%99%EA%B8%B0/form.html
다음은 form을 이용하여 로그인 페이지를 만들어보았습니다
form안에 있는 태그들을 부가적으로 살펴봅시다.
<form action= "서버홈페이지"><input>의 정보들을 서버에 넘겨주기위해 쓰입니다.
<label for="i_id">아이디</label>
for속성에 id값을 매칭시켜 <input>과 의미적으로 연결합니다
<input type="text" id="i_id">
다음은 text 정보를 담을 수 있는 공간 입니다.
참고로 <input>은 기본적으로 줄바꿈을 하지 않습니다.
<input type="password" id="i_pwd">
password는 비밀번호 정보를 담을 수 있는 공간
<input type="submit" value="로그인">
submit은 입력된 정보들을 서버에 전송해주는 버튼 입니다!
이렇게하여 form태그에 대해 알아보았습니다.
'WEB' 카테고리의 다른 글
| CSS와 박스 모델 (0) | 2024.02.22 |
|---|---|
| 로그인 페이지 만들기 (0) | 2023.08.08 |
| table (0) | 2023.07.24 |
| HTML 정리(1) (0) | 2023.07.24 |
| HTML로 시간표& 로그인 페이지 접속하기 페이지 만들기 (0) | 2022.02.17 |
