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

HTML 수락 속성

<시간/>

HTML의 accept 속성은

요소에 대한 것입니다. 그러나 HML5는 form accept 속성을 지원하지 않으므로 accept 속성

에 대해 논의할 것입니다.

사용자가 입력 유형 파일에서 선택할 수 있는 파일 유형에 대한 필터를 설정하려면 accept 속성을 사용하십시오.

다음은 구문입니다 -

<input accept="extension|audio/*|video/*|image/*|media_type">

위의 매개변수-

  • 확장 :사용자가 선택할 수 있는 파일 확장자 지정(예:.gif, .jpg, .png, .doc)
  • 오디오/* :사용자가 모든 사운드 파일 선택
  • 동영상/* :사용자가 모든 동영상 파일 선택
  • 이미지/* :사용자가 모든 이미지 파일 선택
  • 미디어 유형 :image/png, image/tiff, image/bmp 등을 포함한 유효한 미디어 유형

이제 accept 속성을 구현하는 예를 살펴보겠습니다. 여기에서 파일 형식이 image/png−

인 accept 속성을 설정했습니다.

예시

<!DOCTYPE html>
<html>
<body>
<h2>Subject-wise rank</h2>
<form action="">
   <label for="stinfo">Student:</label>
   <input type="text" id ="stinfo"><br>
   <label for="sub">Subject:</label>
   <input type="text"><br>
   <label for="rank">Rank:</label>
   <input type="number"><br>
   <label for="marks">Marks:</label>
   <input type="number"><br><br>
   <label for="result">Upload Result Sheet</label><br>
   <input type="file" name="img" accept="image/png"><br><br>
   <input type="submit">
</form>
</body>
</html>

출력

HTML 수락 속성

위에서 "파일 선택을 클릭하면 " 결과 시트를 업로드하려면 위에서 "image/png"를 설정했기 때문에 "png" 파일 유형만 표시됩니다.-

HTML 수락 속성