Comment masquer le champ de texte dans un élément de type d'entrée = fichier ?

Masquer le champ de texte dans le type d'entrée = élément de fichier

Question :

Comment peut-on Je stylise ou script un élément input type=file pour afficher uniquement un bouton « Parcourir » sans champ de texte ?

Réponse :

Pour obtenir l'effet souhaité, vous peut utiliser le code HTML et JavaScript suivant :

<input type="file">

Avec ce code, l'élément input type=file avec l'identifiant selectedFile sera masqué à l'aide du>

Lorsque l'option "Parcourir... " est cliqué, il déclenche l'événement click() sur l'élément caché input type=file, permettant aux utilisateurs de sélectionner des fichiers comme d'habitude. Cette approche vous permet de masquer le champ de texte tout en conservant la fonctionnalité de l'élément input type=file.

Il est à noter que cette solution est largement utilisée et a fait ses preuves dans divers projets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!