HTML attribute: capture - HTML: HyperText Markup Language 编辑

Draft

This page is not complete.

The capture attribute specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the /wiki/en-US/docs/Web/HTML/Attributes/accept attribute. Values include user and environment. The capture attribute is supported on the file input type.

The capture attribute takes as it's value a string that specifies which camera to use for capture of image or video data, if the /wiki/en-US/docs/Web/HTML/Attributes/accept attribute indicates that the input should be of one of those types.

Note: capture was previously a Boolean attribute which, if present, requested that the device's media capture device(s) such as camera or microphone be used instead of requesting a file input.

Examples

When set on a file input type, operating systems with microphones and cameras will display a user interface allowing the selection from an existing file or the creating of a new one.

<p>
	<label for="soundFile">What does your voice sound like?:</label>
	<input type="file" id="soundFile" capture="user" /wiki/en-US/docs/Web/HTML/Attributes/accept="audio/*">
	</p>
	<p>
	<label for="videoFile">Upload a video:</label>
	<input type="file" id="videoFile" capture="environment" /wiki/en-US/docs/Web/HTML/Attributes/accept="video/*">
	</p>
	<p>
	<label for="imageFile">Upload a photo of yourself:</label>
	<input type="file" id="imageFile" capture="user" /wiki/en-US/docs/Web/HTML/Attributes/accept="image/*">
	</p>

Note these work better on mobile devices; if your device is a desktop computer, you'll likely get a typical file picker.

Specifications

See also

• Using files from web applications
• File API
• HTMLInputElement.files