IP Girl
  1. IP Girl
  3. Comment renommer le bouton HTML «parcourir» d’un type d’entrée = fichier?
Intereting Posts
Comment / pourquoi npm recommande de ne pas s’exécuter en tant que root? IISExpress 8 Impossible de lire le fichier de configuration redirection.config Chargement CSS en local mais pas dans Heroku pour une application rails Erreur Xcode 6: «L’identifiant de regroupement du binary incorporé n’est pas préfixé par l’identifiant de regroupement de l’application parente. Quelle est la différence entre ProgramData et AppData? Quelle est la différence entre ui-bootstrap-tpls.min.js et ui-bootstrap.min.js? Afficher git diff dans le fichier dans la zone de transfert Comment convertir une chaîne à la date T-SQL? Async Task.WhenAll avec timeout Comment une unité doit-elle tester un contrôleur .NET MVC? Que sont les énumérations et pourquoi sont-elles utiles? Dessin de forme d’onde avec AVAssetReader Comment forcer une validation de formulaire html5 sans la soumettre via jQuery Android: «Le chemin du projet ne doit comporter qu’un seul segment» Android – défilement horizontal de plusieurs éléments visibles

Comment renommer le bouton HTML «parcourir» d’un type d’entrée = fichier?

Comment renommer le bouton de navigation en ” Sélectionner le fichier “? Par exemple:

Le bouton n’est pas appelé le bouton “parcourir” – c’est juste le nom que votre navigateur donne pour cela. Les navigateurs sont libres d’implémenter le contrôle de téléchargement de fichiers comme ils le souhaitent. Dans Safari, par exemple, il s’appelle “Choose File” et se trouve du côté opposé de ce que vous utilisez probablement.

Vous pouvez implémenter un aspect personnalisé pour le contrôle de téléchargement en utilisant la technique décrite dans QuirksMode , mais cela ne se limite pas à modifier le texte du bouton.

http://jsfiddle.net/J8ekg/

Un peu de JavaScript en prendra soin:

Pas la solution la plus belle, mais ça marche.

  1. Enveloppez le avec une ;
  2. Ajoutez une balise (avec le texte dont vous avez besoin) à l’intérieur de l’étiquette, comme ou ;
  3. Faites en sorte que cette balise ressemble à un bouton;
  4. Rendre l’ input[type="file"] invisible via l’ display: none .

Vous pouvez le faire avec une solution de contournement css / jq simple: Créez un bouton faux qui déclenche le bouton de navigation qui est masqué.

HTML

CSS 

 input { display: none }

jQuery 

 $( 'button' ).click( function(e) { e.preventDefault(); // prevents submitting $( 'input' ).sortinggger( 'click' ); } );

démo

Le champ input type = “file” est très compliqué car il se comporte différemment sur chaque navigateur, il ne peut pas être stylé ou peut être légèrement stylisé, selon le navigateur. et il est difficile de le redimensionner (selon le navigateur, il se peut que sa taille ne soit pas écrasable).

Il y a des solutions de contournement cependant. Le meilleur est à mon avis celui-ci (le résultat est là ).

Comme vous ne pouvez pas changer le texte du bouton, il est codé en dur dans les navigateurs.

Mais il y a plusieurs solutions pour mettre un bouton avec un texte / image différent sur un formulaire:

lien

Non, vous ne pouvez pas modifier le texte de l’entrée de téléchargement de fichier. Mais il existe des astuces pour superposer une image sur le bouton.

Vous pouvez également utiliser Uploadify, qui est un excellent plug-in de téléchargement jQuery, qui vous permet de télécharger plusieurs fichiers et de personnaliser facilement les champs de fichiers. http://www.uploadify.com