Article complet d'alphabétisation de base sur le téléchargement de fichiers sur le front-end (pour commencer)

Préface

Pourquoi l'écrire en chapitres ? Parce qu'il couvre de nombreux points de connaissances, je peux faire de mon mieux pour le présenter en détail pour prendre soin des personnes ayant de mauvaises bases, afin de revoir le passé et d'apprendre le nouveau.

Au début, j'avais vraiment prévu de le terminer en un seul article. À mi-chemin, j'ai réalisé que c'était déjà un article assez long. Beaucoup de gens, comme moi, avaient déjà peur en voyant autant de contenu. comprendre tout le contenu, j'ai donc décidé de le séparer et d'en informer les lecteurs si nécessaire.

Quant à savoir pourquoi il y a un chapitre zéro ? Parce que c'est trop basique, la plupart des gens peuvent l'ignorer. Ce n'est que pour un petit nombre de novices et de personnes ayant une mauvaise mémoire. Si vous pensez pouvoir l'ignorer, sautez-le.

Commençons par dire que le téléchargement professionnel a toujours été une chose effrayante pour moi, et j'y ai été relativement peu exposé, car il n'y avait pas de normes auparavant. Pour réaliser un téléchargement, j'ai dû écrire toutes sortes de codes de compatibilité dégoûtants. , et les plug-ins sont souvent sujets à des bugs et je n'ai pas la possibilité de les modifier. À ce jour, les vrais guerriers doivent toujours faire face à la sanglante réalité, j'ai donc spécialement ouvert un article d'alphabétisation pour étudier et résumer certaines connaissances sur le téléchargement ici. Je vais vous faire parcourir quelques API que je dois utiliser.

Zéro, les bases (les points de connaissances proviennent principalement de w3school) (ceux qui la connaissent déjà peuvent simplement sauter ce chapitre)

 <form action= méthode= ></form>

Les balises sont utilisées pour créer des formulaires HTML pour la saisie de l'utilisateur. Les formulaires peuvent contenir des éléments de saisie, tels que des champs de texte, des cases à cocher, des boutons radio, des boutons de soumission, etc. Les formulaires peuvent également contenir des éléments de menu, de zone de texte, de champs, de légende et d'étiquette. Les formulaires sont utilisés pour transférer des données vers le serveur.

Pour plus de détails, veuillez cliquer sur le formulaire À propos

étiquette

 <label for=male>Homme</label><input type=radio name=sex id=male /><label for=girl>Fille</label><input type=radio name=sex id=girl />

L'élément label ne présente aucun effet spécial à l'utilisateur. Cependant, cela améliore la convivialité pour les utilisateurs de souris. Ce contrôle est déclenché si vous cliquez sur le texte dans l'élément label. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette. L'attribut for de la balise doit être le même que l'attribut id de l'élément associé.

Pour plus de détails, veuillez cliquer sur l'étiquette À propos

saisir

 <input type=text name=fname/><input type=password name=password><input type=checkbox name=Bike><input type=checkbox name=Voiture><input type=radio vérifié=checked name=Sex value= mâle/><input type=radio name=Sex value=female/><select name=cars> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>Fiat</option> <option value=audi>Audi</option></select><textarea rows=10 cols=30>

Les balises sont utilisées pour collecter des informations sur les utilisateurs. Les champs de saisie ont de nombreuses formes en fonction de la valeur de l'attribut type. Les champs de saisie peuvent être des champs de texte, des cases à cocher, des contrôles de texte codé, des boutons radio, des boutons, etc.

Pour plus de détails, veuillez cliquer sur la saisie

 <type d'entrée=valeur de soumission=Soumettre>

L'objet Submit représente un bouton de soumission dans un formulaire HTML. Avant que le formulaire ne soit soumis, le gestionnaire d'événements onclick est déclenché et un gestionnaire peut annuler la soumission du formulaire en renvoyant fasle.

submit : Soumet les données du formulaire au serveur Web. Cette méthode soumet le formulaire de la même manière que si l'utilisateur cliquait sur le bouton Soumettre, mais le gestionnaire d'événements onsubmit du formulaire ne sera pas appelé.

Pour plus de détails, veuillez cliquer sur soumettre

 <button type=button>Cliquez sur moi !</button>

À l’intérieur de l’élément bouton, vous pouvez placer du contenu, tel que du texte ou des images. C'est la différence entre cet élément et les boutons créés à l'aide de l'élément input.

Par rapport à <input type=button>, le contrôle <button> offre des fonctions plus puissantes et un contenu plus riche. Tout ce qui se trouve entre les balises correspond au contenu du bouton, y compris tout contenu de corps acceptable, tel que du texte ou du contenu multimédia. Par exemple, nous pouvons inclure une image et le texte associé dans un bouton et les utiliser pour créer une image de balisage attrayante dans le bouton.

Le seul élément interdit est la zone cliquable, car ses actions sensibles à la souris et au clavier interfèrent avec le comportement des boutons du formulaire.

Spécifiez toujours l'attribut type pour les boutons. Le type par défaut dans Internet Explorer est bouton, tandis que le type par défaut dans les autres navigateurs (y compris la spécification W3C) est soumettre.

(Important : si vous utilisez l'élément bouton dans un formulaire HTML, différents navigateurs soumettront des valeurs différentes. Internet Explorer soumettra le texte entre <button> et <button/>, tandis que d'autres navigateurs soumettront le contenu de l'attribut value . Veuillez utiliser des éléments d'entrée dans les formulaires HTML pour créer des boutons.)

Pour plus de détails, veuillez cliquer sur le bouton À propos