[HTML] Form태그

💡 Form control 요소

사용자로부터 데이터를 입력 받은 것을 서버에서 처리하기 위한 용도

사용자는 HTML form에 적절한 데이터를 입력 후 서버로 전송 -> submit

 

💡Form 태그 속성

<h2> form control -label<h2>
<form> method="post" action= "login.jsp">
<ul type ="none">
	<li>
    	<label for ="userId">아이디: </label>
        <input type ="text" id ="UserId" name= "userId">
    </li>
    <li>
    	<label for ="password">아이디: </label>
        <input type ="text" id ="password" name= "password">
    </li>
    <li><input type="submit" value="로그인"></li>
</ul>
</form >

• method : 사용자가 입력한 내용을 서버 쪽 프로그램에 어떻게 넘겨줄지 지정 (GET/ POST)
• name: form 태그 이름을 지정 -> 한 문서에 여러개의 <form>태그 있을 경우, 구분자로 사용
• action: <form> 태그 안의 내용들을 처리해 줄 서버상의 프로그램을 지정(URL)
• target: <action> 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정
• autocomplete: 자동완성 기능(기본값 : on)

💡 Input 태그

• if속성은 여러 번 사용된 폼 요소를 구분하기 위해 사용됨
• 같은 html document에서 id는 하나의 값만 가능하고, name은 중복 사용이 허용됨
   

https://mingtory.tistory.com/65

[HTML] < input > 태그의 속성 & type의 속성값

 

 

💡 select 태그

https://developer.mozilla.org/ko/docs/Web/HTML/Element/select

<select> - HTML: Hypertext Markup Language | MDN

 

 

 

 

---

참고: https://www.nextree.co.kr/p8428/