====== HTML Forms - HTML Forms ====== * description : HTML Forms - HTML Forms * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 \\ =====The Source of this article===== [[https://www.w3schools.com/html/html_forms.asp|HTML Forms]]\\ \\ %%HTML form%%은 사용자의 입력정보를 수집하기 위해 사용합니다.\\ 사용자 입력 정보는 대부분 처리를 위해 서버로 전송됩니다.\\ ====Example====






  HTML Forms

  
    First name

    

    Last name

    


    
  

  
    If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".

\\ =====The

Element===== %%HTML ''''%% 요소는 사용자 입력을 위한 %%HTML form%%을 만들기 위해 사용합니다.\\ \\



.
form elements
.

\\ ''%%

%%'' 요소는 텍스트 필드, 체크 박스, 라디오 버튼, 제출 버튼 등과 같은\\ 다양한 유형의 입력 요소에 대한 컨테이너입니다.\\ ====The Element==== %%HTML%% ''%%%%'' 요소는 가장 많이 사용되는 폼 요소입니다.\\ \\ ''%%%%'' 요소는 ''%%type%%'' 속성에 따라 다양한 방법으로 표시될 수 있습니다.\\ \\ | Type | Description | ^ ^ 한 줄 입력 필드를 표시합니다 ^ | | 라디오 버튼을 표시합니다 (여러 선택 항목 중 하나를 선택). | ^ ^ 체크박스를 표시합니다 (0개 이상의 항목을 선택). ^ | | 제출 버튼을 표시합니다 (양식 제출 용) | ^ ^ 클릭 가능한 버튼을 표시합니다. ^ \\ =====Text Fields===== ''%%%%''는 텍스트 입력을 위한 한 줄 입력 필드를 정의합니다.\\ ====Example==== 텍스트를 위한 입력 필드를 가진 폼:\\




  Text Input Fields

  
    First name:

    

    Last name:

    
  

  Note that the form itself is not visible.

  Also note that the default width of text input fields is 20 characters.

=====The Element===== 위의 예제에서 ''%%%%'' 요소의 사용에 주목하십시오.\\ \\ ''%%%%'' 태그는 많은 폼 요소에 대한 레이블(label)을 정의합니다.\\ \\ 사용자가 입력 요소에 집중할 때 스크린 리더기가 레이블을 소리내어 읽어주기 때문에,\\ ''%%%%'' 요소는 스크린 리더기 사용자에게 유용합니다.\\ \\ ''%%%%'' 요소는 또한 매우 작은 영역 (예 : 라디오 버튼 또는 체크박스)을 클릭하는 것에\\ 어려움이 있는 사용자에게 도움이 됩니다. 이는 사용자가 ''%%%%'' 요소 내의 텍스트를 클릭하면 라디오 버튼/체크박스가 토글되기 때문입니다.\\ \\ ''%%%%'' 태그의 ''%%for%%'' 속성은 함께 바인딩 하려면 ''%%%%'' 요소의 ''%%id%%'' 속성과 동일해야 합니다.\\ =====Radio Buttons===== ''%%%%''는 라디오 버튼을 정의합니다.\\ \\ 라디오 버튼을 사용하면 제한된 수의 선택 항목 중 하나를 선택할 수 있습니다.\\ ====Example==== 라디오 버튼이 있는 폼\\




  Radio Buttons

  
    
    Male


    
    female


    
    Other

=====Checkboxes===== ''%%%%''는 체크박스를 정의합니다.\\ \\ 체크 박스를 사용하면 제한된 수의 선택 항목 중 0 개 이상의 옵션을 선택할 수 있습니다.\\ ====Example==== 체크박스가 있는 폼\\




  Checkboxes
  The input type="checkbox defines a checkbox:

  
    
     I have a bike


    
     I have a car


    
     I have a boat

\\ =====The Submit Button===== ''%%%%''은 폼-핸들러(form-handler)에 폼 데이터(form ddata)를 제출하기 위한 버튼을 정의합니다.\\ \\ 폼-핸들러는 일반적으로 입력 데이터를 처리하기 위한 스크립트가 있는 서버의 파일입니다.\\ \\ 폼-핸들러는 폼의 ''action'' 속성에 지정됩니다.\\ ====Example====




  HTML Forms

  
    First name:

    


    Last name:

    



    

    
      If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".

\\ =====The Name Attribute for ===== 각 입력 필드에는 제출할 ''%%name%%'' 속성이 있어야 합니다.\\ \\ ''%%name%%'' 속성이 생략되면, 입력 필드의 값이 전혀 전송되지 않습니다.\\ ====Example==== 다음 예제는 "First name" 입력 필드의 값을 제출하지 않습니다.\\




  The name Attribute

  
    First name:

    



    

    
      If you click the "Submit" button, the form-data will be sent to a paga called "/action.page.php".
    

    
      Notice that the value of the "First name" field will bot be submitted, because the input element does not have a name attribute.