El atributo HTML <input> accept se utiliza para especificar el tipo de archivo que acepta el servidor . Este atributo solo se puede usar con el elemento <input type=”file”> . Este atributo no se usa para la herramienta de validación porque las cargas de archivos deben validarse en el servidor.
Sintaxis:
<input accept = "file_extension | audio/* | video/* | image/* | media_type">
Valores de atributos
- extensión_de_archivo: especifica la(s) extensión(es) de archivo como .gif, .jpg, .png, .doc) que el usuario puede elegir.
- audio/*: el usuario puede elegir todos los archivos de sonido.
- video/*: el usuario puede seleccionar todos los archivos de video.
- image/*: :Un tipo de medio válido, sin parámetros. Consulte Tipos de medios de la IANA para obtener una lista completa de los tipos de medios estándar.
- media_type: un tipo de medio válido sin parámetros.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML input accept attribute
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>
HTML <input> accept attribute
</h2>
<form action=" ">
<input type="file"
name="picture"
accept="image/*">
<input type="submit">
</form>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML <input> accept Attribute se enumeran a continuación:
- Google Chrome 8.0
- Internet Explorer 10.0
- Firefox 4.0
- Apple Safari 6.0
- Ópera 15.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA