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

Masquage du champ de texte dans le fichier de type d'entrée

Style ou script Les éléments pour afficher uniquement un bouton « Parcourir » sont une demande courante parmi les développeurs Web. Cette enquête vise à obtenir une interface claire et conviviale en supprimant le champ de texte inutile.

La solution fournie combine ingénieusement HTML et JavaScript pour y parvenir :

<input type="file">

En définissant l'affichage attribut de style de l'attribut élément sur aucun, il devient masqué à la vue. Cependant, il reste actif et accessible via une manipulation programmatique.

Le bouton L'élément sert de bouton "Parcourir" visible. Lorsque vous cliquez dessus, il déclenche l'événement click() sur le élément, permettant à l'utilisateur de sélectionner des fichiers sans révéler le champ de texte.

Cette approche masque efficacement le champ de texte tout en conservant la fonctionnalité de l'élément de téléchargement de fichiers. Il offre une interface plus intuitive et esthétique aux utilisateurs.

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!