FORM

유영·2023년 3월 7일
0

PHP

목록 보기
45/57
<fieldset> 태그는 
<form> 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용합니다.
<fieldset> 요소는 하나의 그룹으로 묶은 요소들 주변으로 박스 모양의 선을 그려줍니다.
또한, <legend> 요소를 사용하면 <fieldset> 요소의 캡션(caption)을 정의할 수 있습니다.

다양한 타입의 input 요소

HTML에서는 다양한 타입의 input 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다.

HTML에서 사용할 수 있는 대표적인 input 요소의 타입은 다음과 같습니다.

  1. 텍스트 입력(text)
  2. 비밀번호 입력(password)
  3. 라디오 버튼(radio)
  4. 체크박스(checkbox)
  5. 파일 선택(file)
  6. 선택 입력(select)
  7. 문장 입력(textarea)
  8. 버튼 입력(button)
  9. 전송 버튼(submit)
  10. 필드셋(fieldset)

action

'form 데이터를 처리할 프로그램의 URI를 지정한다.'

URI(Uniform Resource Identifier)는 하나의 리소스를 가리키는 문자열입니다.

URL(Uniform Resource Locator)도 URI의 일종이라고 할 수 있는데요, 따라서 action에 웹 문서 링크를 문자열 형태로 작성한 다음 form의 데이터를 전송하게 되면, 브라우저의 루트(route)가 해당 웹문서로 이동하는 것을 확인할 수 있습니다. 또는 action에 서버사이드 언어인 php라던지 jsp로 작성한 문서를 지정하여 데이터를 처리하도록 하는 것도 가능합니다.

onsubmit

'양식 제출 이벤트가 발생할 때의 동작을 지정한다.'

onsubmit은 <form> 태그 내부에서 
<input type="submit">로 인해 발생하는 이벤트를 처리할 수가 있습니다. 
이벤트 발생과 action에 지정된 URL이 적용되는 그 사이의 시점에 
처리할 동작을 이 onsubmit 속성을 통해 지정할 수 있는 것입니다. 
일반적으로 자바스크립트 함수를 지정하여 처리하는 게 경우가 많습니다. 

0개의 댓글