[RUBY] [Comment utiliser l'étiquette]
Nous allons générer une méthode pour implémenter la fonction d'affichage d'une icône dans la vue et en cliquant sur l'icône pour afficher l'écran de sélection de fichiers. Cette fois, nous utiliserons la notation haml.
Spécifiez le nom label.class comme élément parent comme indiqué dans l'image ci-dessus, Imbriquez l'icône que vous souhaitez afficher sur l'élément parent.
Cette fois, cette icône Je souhaite ajouter une fonction que l'écran de sélection de fichier apparaît lorsque vous cliquez sur Écrivez l'entrée. Nom de classe {type: "file"} sous l'icône.
Cette entrée {type: "file"} est la partie description de la fonction que l'écran de sélection de fichier apparaît.
De cette façon, vous pouvez faire apparaître l'écran de sélection de fichier lorsque vous cliquez sur l'icône dans le flux d'imbrication pour l'étiquette → décrivant l'icône que vous souhaitez afficher → décrivant la fonction que vous souhaitez implémenter pour l'icône.
Cliquez sur l'icône à gauche du bouton Envoyer et cela ressemblera à ceci:
L'écran de sélection de fichier est apparu.
Comme note supplémentaire, input {type: "file"} est une description pour faire apparaître l'écran de sélection de fichier, mais tel quel, il est comme suit
Le message "Sélectionner le fichier" apparaîtra, donc pour désactiver cet affichage, vous devez écrire ce qui suit en css.
.Hidden est le nom de classe de l'entrée {type: "file"}. Vous pouvez masquer la sélection de fichiers en définissant display: none;.
c'est tout.
Recommended Posts