Interactions HTML

Le contenu de cet article concerne l'interaction du HTML, qui a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

1 Comment le site Web interagit-il avec les utilisateurs. ? La réponse est d'utiliser des formulaires HTML. Le formulaire peut transmettre les données saisies par le spectateur au serveur, afin que le programme côté serveur puisse traiter les données transmises par le formulaire. d7534d02403f614ad039b12d3a33b1b2


1).ff9c23ada1bcecdd1a0fb5d5a0f18437 : les balises ff9c23ada1bcecdd1a0fb5d5a0f18437 apparaissent par paires, se terminant par ff9c23ada1bcecdd1a0fb5d5a0f18437 avec 559e5777f286a62b334df027bce5023f.


2).action : L'endroit où les données saisies par le spectateur sont envoyées, comme une page PHP (save.php).


3).method : La méthode de transmission des données (get/post).


Exemple : method="post" action="save.php"




2. Lorsque l'utilisateur souhaite saisir des lettres et des chiffres. le formulaire En attente de contenu, la zone de saisie de texte sera utilisée. La zone de texte peut également être convertie en zone de saisie de mot de passe.

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1) tapez :


Lorsque type="text", la zone de saisie est une zone de saisie de texte ;


Lorsque Lorsque type="mot de passe", la zone de saisie est la zone de saisie du mot de passe.


2) nom : Nommez la zone de texte à utiliser par les programmes d'arrière-plan ASP et PHP.


3) valeur : définissez la valeur par défaut pour la zone de saisie de texte. (Généralement utilisé comme rappel)
Exemple : 09b69c7aa013e7537e15044b9199ac53
7584d201bd587e7cc9188d10ec66500e


3. Lorsque l'utilisateur doit saisir une grande section de texte dans le formulaire, un champ de saisie de texte doit être utilisé.

<textarea  rows="行数" cols="列数">文本</textarea>

1) Les balises 4750256ae76b6b9d804861d8f69e79d3 apparaissent par paires, commençant par 4750256ae76b6b9d804861d8f69e79d3.


2)cols : Le nombre de colonnes dans le champ de saisie multiligne.


3) lignes : Le nombre de lignes dans le champ de saisie multiligne.


4) Des valeurs par défaut peuvent être saisies entre les balises 4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014


Exemple :

<textarea cols="50" rows="10">在这里输入内容...</textarea>

4. Utilisez des boutons radio et des cases à cocher pour permettre aux utilisateurs de sélectionner

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1) type :


Lorsque type="radio", le contrôle est un bouton radio


Lorsque type="checkbox", le contrôle est une case à cocher


2) valeur : la valeur de la soumission des données au serveur (utilisée par le programme d'arrière-plan PHP)


3) nom : nommez le contrôle à utiliser par le programme d'arrière-plan ASP et PHP


4)checked : Lorsque vérifié="checked" est défini, cette option est sélectionnée par défaut


Pour les boutons radio du même groupe, la valeur du nom doit être cohérente, et le la valeur peut être incohérente, comme l'exemple ci-dessus porte le même nom "radioLove", de sorte que les boutons radio du même groupe peuvent fonctionner comme des sélections radio


5. Utilisez les zones de liste déroulante pour. économiser de l'espace

<option value="提交值">选项</option>  设置selected="selected"属性，则该选项就被默认选中。

6. La liste déroulante peut également effectuer plusieurs opérations de sélection. Définissez l'attribut multiple="multiple" dans la balise 221f08282418e2996498697df914ce4e fonction de sélection. Sous le système d'exploitation Windows, appuyez sur lorsque vous effectuez plusieurs sélections. Utilisez Ctrl+clic (Commande+clic sur Mac) pour sélectionner plusieurs options.


Exemple :

<select multiple="multiple">

7. Lorsque l'utilisateur doit soumettre les informations du formulaire au serveur, un bouton de soumission est nécessaire.

<input   type="submit"   value="提交">

type : Uniquement lorsque la valeur de type est définie sur soumettre, le bouton peut soumettre
valeur : Le texte affiché sur le bouton




8. Vous pouvez utiliser le bouton de réinitialisation pour restaurer la zone de saisie à son état initial. Réglez simplement le type sur "réinitialiser".

<input type="reset" value="重置">

9. L'étiquette label ne présente aucun effet particulier à l'utilisateur, son rôle est d'améliorer la convivialité pour la souris. utilisateurs . Ce contrôle sera déclenché si vous cliquez sur le texte à l'intérieur de l'étiquette. C'est-à-dire que lorsque l'utilisateur clique pour sélectionner l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette (il sélectionnera automatiquement le contrôle de formulaire lié à l'étiquette). La valeur de l'attribut for de la balise
doit être la même que la valeur de l'attribut id du contrôle associé.
La fonction de l'étiquette est que cliquer sur le mot « mâle » équivaut à cliquer sur le point derrière « mâle »

Recommandations associées :

image html tag META Tag lien hypertexte du cadre en ligne

html définir le style de bordure du tableau

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!