HTML

[HTML] form

효땡 2024. 5. 29. 20:10

form 입력방식

-> 사용자들이 값(data, value)을 입력할 수 있도록 해줌

 

- 요소 (element): <table> / <img> / <a> / <audio>

- 속성 (property, attribute) : src / width / height / border


다양한 폼 컨트롤 요소

1) <input> 요소

<input type="button">

-> 버튼 생성

 

<input type="button" value="로그인">

-> 로그인 버튼 생성

 

<input type="button" value="입실">

-> 입실 버튼 생성

 

<input type="button" value="퇴실">

-> 퇴실 버튼 생성

 

<input type="button" value="검색">

-> 검색 버튼 생성

 

 

사용자가 입력한 정보를 서버로 전송

<input type="submit" value="전송">

-> <input type="submit"> = 입력한 값을 전송

 

 

사용자가 입력한 정보를 취소 (원래대로 복귀 / 리셋)

<input type="reset" value="취소">

-> 초기화

 

 

type="button" + type="submit"과 같은 기능

-> <button> </button>

<button>회원가입</button>

-> 회원가입 버튼생성

 

 

단일선택 기능

<input type="radio">

-> 단일선택 기능 및 중복선택 불가

 

 

중복선택 기능

<input type="checkbox">

-> 중복선택 기능