Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h1 {
font-size: 18px;
margin: 20px 0;
}
h1 ~ h2 {
border-top: 1px solid #666;
padding-top: 20px;
}
</style>
</head>
<body>
<form action="/form/submit" method="post">
<h1>Match all image files</h1>
<div>
<label>image/*
<input type="file" accept="image/*">
</label>
</div>
<h2>Match all video files</h2>
<div>
<label>video/*
<input type="file" accept="video/*">
</label>
</div>
<h2>Match all audio files </h2>
<div>
<label>audio/*
<input type="file" accept="audio/*">
</label>
</div>
<h2>Match all image and video files</h2>