Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML 양식을 사용하여 사용자 입력을 받는 방법은 무엇입니까?


HTML 양식을 사용하여 사용자 입력을 쉽게 받을 수 있습니다.

태그는 양식 요소를 추가하여 사용자 입력을 얻는 데 사용됩니다. 다양한 유형의 양식 요소에는 텍스트 입력, 라디오 버튼 입력, 제출 버튼 등이 포함됩니다.

type 속성을 사용하여 사용자 입력을 받는 데 도움이 되는 태그에 대해 알아보겠습니다. 속성은 텍스트 입력, 체크박스, 라디오 등과 같은 양식 요소와 함께 사용됩니다.

HTML 양식을 사용하여 사용자 입력을 받는 방법은 무엇입니까?

예시

다음 코드를 실행하여 HTML 양식을 사용하여 사용자 입력을 받을 수 있습니다.

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Forms</title>
      </head>
      <p>Add your details:</p>
      <form>
         Student Name:<br> <input type="text" name="name">
         <br>
         Student Subject:<br> <input type="text" name="subject">
         <br>
         Rank:<br> <input type="text" name="rank">
      </form>
   </body>
</html>

위에서 다음 두 가지 속성을 볼 수 있습니다.

  • 유형
    입력 컨트롤의 유형을 나타내며 텍스트 입력 컨트롤의 경우 텍스트로 설정됩니다.
  • 이름
    서버로 보내 인식하고 값을 가져오는 컨트롤에 이름을 지정하는 데 사용됩니다.