HTML 태그에서 어떤 ATTRIBUTES를 사용해야 하는 경우

HTML FORM 요소(

)는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다. 사용자 데이터를 수집하고 웹 서버에 제출하는 요소가 포함된 문서 섹션을 나타냅니다.

속성

행동 || 이 속성은 사용자가 제출 버튼을 클릭할 때 양식 데이터를 보낼 위치를 지정하는 데 사용됩니다. 이것은 URL(절대/상대)을 값으로 취합니다.

<!-- relative URL -->
<form action="./submit.php">
  ...
  ...
</form>
-- OR --
<!-- absolute URL -->
<form action="yourdomain.com/form/submit.php">
  ...
  ...
</form>

자동완성 || 이 속성은 브라우저가 양식을 자동 완성하는 것을 원하지 않을 때 유용합니다. 일반적으로 사용자가 뒤로 버튼을 누르면 브라우저의 캐시에서 양식 데이터가 다시 채워집니다. 따라서 해당 기능을 제어하려면 요구 사항에 따라 이 속성을 값on/off으로 지정해야 합니다. 기본값은 on 입니다. 나는 주로 이 기능을 돌리는 것을 선호합니다off.

<form action="./submit.php" autocomplete="off">
  ...
  ...
</form>

이름 || 이 속성은 양식 요소의 이름을 지정하는 데 사용됩니다. 양식을 서버에 제출한 후 양식 데이터를 참조하는 데 사용됩니다. 예를 들어 여러 개의 양식(가입 양식, 로그인 양식, 조회 양식 등)이 있는 경우 이 속성 값을 사용하여 서버에서 처리하는 것을 구별할 수 있습니다.

<form name="login_form" action="./submit.php" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
</form>

무효화 || 이 속성은 양식 데이터의 유효성을 검사하지 않으려는 경우에 사용됩니다. 그러나 이것은 절대 권장되지 않습니다. 항상 그렇듯이 양식 데이터를 데이터베이스에 푸시하거나 어디에서나 사용하기 전에 클라이언트 측과 서버 측 모두에서 유효성을 검사해야 합니다. 이것은 부울 속성으로 값을 취하지 않습니다.

<!-- not recommended -->
<form novalidate action="./submit.php">
  ...
  ...
</form>

인코딩 || 이 속성은 양식 데이터를 서버에 제출할 때 양식 데이터를 인코딩하는 방법을 지정하는 데 사용됩니다. application/x-www-form-urlencoded(기본값), multipart/form-data(양식이 파일 업로드를 허용하는 경우), text/plain(인코딩 없이 전송(권장하지 않음)) 값을 사용할 수 있습니다. 이 속성은 method="post" 로 양식을 제출할 때만 사용해야 합니다.

<form enctype="multipart/form-data">
  ... 
  <input type="file" name="file">
  ...
</form>

방법 || 이 속성은 양식 데이터를 서버로 보내는 방법을 지정하는 데 사용됩니다. 허용되는 값은 get 및 post 입니다. get는 데이터가 URL에 표시되므로 비보안 데이터(예: 쿼리 문자열)에 사용되는 반면 post는 민감한 데이터(예: 사용자 로그인 ID 및 비밀번호)에 사용됩니다.

<!-- get method -->
<form method="get" action="buy.php">
  <label id="shoe_size">Type your shoe size</label>
  <input type="text" name="shoe_size">
</form>

<!-- post method -->
<form method="post" action="buy.php">
  <label id="shoe_size">Type your phone number</label>
  <input type="text" name="phone_no">
</form>

목표 || 이 속성은 제출된 결과를 열 위치를 지정하는 데 사용됩니다. 동일한 대상 값을 사용합니다: _blank , _self , _top , _parent .

<form submit="submit.php" target="_blank|_self|_parent|_top">
  ...
  ...
</form>

이것은 모두 양식 속성에 관한 것이었습니다. 여기에 있으면 양식 문서 섹션을 확실히 파악하기 위해 내, , 기사도 읽는 것이 좋습니다.

Reference

이 문제에 관하여(HTML 태그에서 어떤 ATTRIBUTES를 사용해야 하는 경우), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/shreyshu/when-to-use-which-attributes-in-html-tag-28gp

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

HTML 태그에서 어떤 ATTRIBUTES를 사용해야 하는 경우

Reference

좋은 웹페이지 즐겨찾기