• 빠른 이동을 원하시면, 아래 키워드를 클릭하세요!

🌿 폼 개념과 폼에 탑재된 키보드 기능

폼이란?(Form)

폼(form) 이란 페이지에서 사용자로부터 데이터를 수집하기 위한 HTML 요소입니다. 일반적으로 사용자 입력을 받기 위해 다양한 입력 필드( textBox, radioButton, checkBox 등) 을 포함하며, 여러 입력값을 한 번에 처리할 수 있도록 합니다.

폼안에서 사용되는 버튼은 다음과 같은 타입으로 구분된답니다.

• submit

  사용자가 버튼을 클릭하면 폼을 제출하는 역할을 합니다. 아무것도 지정하지 않았을 때의 type 속성의 기본값은 submit 입니다. 버튼이 클릭되면 폼의 action 버튼에 정의된 URL 로 데이터를 전송합니다.

• button

  특별한 기능이 없는 일반 버튼입니다. JS와 함께 사용해서 특정 동작을 수행 하도록 설정할 수 있습니다. 폼을 제출하지 않습니다.

• reset

  폼의 모든 입력 필드를 초기값으로 돌리는 버튼입니다. 클릭 시 입력된 모든 값을 초기화 합니다.

action 과 생략 방법

• action 폼 데이터가 전송될 URL 을 지정하는 속성입니다. 사용자가 폼을 제출 할 때, 이 URL 로 데이터가 전송됩니다. 생략시 현재 페이지로 전송됩니다.

<form action="/submit" method="POST">
    <input type="text" name="username" placeholder="사용자 이름" />
    <input type="submit" value="전송" />
</form>

• action 생략방법(#)

  action 속성에 #을 사용하면 페이지의 맨위로 스크롤 됩니다. 이는 일반적으로 페이지를 새로고치지 않고도 입력된 데이터를 확인하거나, 페이지 내에서 다른 동작을 수행할 때 유용할 수 있습니다.

📝 실습 코드