<form>

<form action="" method=""></form>

form에서 반드시 작성해야되는 atr -  action, method

 

사용자로부터 인풋input을 받기위한 태그 문법주의!

name ="폼의 이름"

action="API주소"   - 폼 데이터가 전송되는 백엔드 url
method= "get | post " -  폼 전송 방식 (GET / POST)

• GET: 단순히 정보를 '읽고(read)' 싶을 때
• POST: 사용자가 입력한 값을 '저장'하고 싶을 때
  
  

<input>

<input type="" name="" value="">

type 속성을 통해 종류를 나타내며, name을 통해 데이터의 이름, value를 통해 기본 값을 지정

 

타입에 쓸수있는 속성(atr)

• text
• placeholder
• minlength
• maxlength
• required
• disabled
• value                        기본 텍스트 
• email                        text와 다를 바없지만 @ 있는지 유효성검사해주는 atr
• password                  비밀번호- 입력된문자 기호로 대체해서 보여짐 
• url                           url 형식 갖춰야한다
• number, min,  max      타입이 넘버일때 최솟값 최댓값지정
• file , accept               (EX/ type="file" accept=".jpg" jpg형식의 파일만 업로드가능)

 

 

<select><option>

드롭다운 리스트를 만드는 태그

<select name="train">
	<option value="ktx">KTX</option>
	<option value="itx">ITX 새마을</option>
	<option value="mugung">무궁화호</option>
</select>

select 에 multiple atr을 주면 다중선택가능

 

<Textarea>

여러줄에걸쳐서 많은양을 받을때 쓰는 태그

 

<button>

세가지 타입중 두개 자주쓰인다.

button submit reset

꼭 써줘야하는 atr > type=""

 

 

<label><radio ><checkbox>태그 등이 form태그에서 활용된다.

 

 

Ref.

https://ofcourse.kr/html-course/form-%ED%83%9C%EA%B7%B8

공부내용을 정리한글입니다.