Quels sont les contrôles de base du HTML ?

Cette fois, je vais vous expliquer quels sont les contrôles de base du HTML et quelles sont les précautions lors de l'utilisation des contrôles HTML. Voici des cas pratiques, jetons un coup d'œil. La balise

d5fd7aea971a85678ba271703566ebfd

la balise d5fd7aea971a85678ba271703566ebfd est utilisée pour collecter des informations sur l'utilisateur.

attribut de type

Selon les différentes valeurs d'attribut de type, le champ de saisie a de nombreuses formes. Il peut s'agir d'un champ de texte, d'une case à cocher, d'un contrôle de texte masqué, d'un bouton radio, d'un bouton, etc.

texte : zone de texte

attribut readonly : s'il est en lecture seule.

mot de passe : zone de mot de passe, le texte saisi est affiché avec '*'

case à cocher : case à cocher

attribut coché : s'il faut vérifier

radio : Bouton radio ;

attribut de nom : Spécifiez plusieurs cases de boutons radio pour effectuer des opérations de sélection radio dans une zone.

réinitialisation : Réinitialise toutes les étiquettes du formulaire ff9c23ada1bcecdd1a0fb5d5a0f18437 comme effacer le contenu de la zone de texte)

soumettre : soumettre les informations actuelles du formulaire ff9c23ada1bcecdd1a0fb5d5a0f18437 à la page spécifiée

bouton : bouton ordinaire

Attribut de valeur : le texte affiché par le bouton bouton

fichier : étiquette de sélection de fichier

masquer : zone cachée, où vous pouvez stocker certaines informations qui ne sont pas affichées à l'utilisateur mais qui sont utilisées par vous-même

image : zone d'image

attribut src : précise le chemin où l'image est stockée ;
attribut title : le texte affiché lorsque la souris est déplacée sur l'image
alt : le texte affiché ; lorsque l'image ne se charge pas ou est fermée ;

Exemple

221f08282418e2996498697df914ce4e la balise

peut créer un menu à sélection unique ou à sélection multiple, similaire à la combox ou à la listbox de winform.

Attributs

1) size {int} : Définissez la taille de la liste déroulante . La valeur par défaut est le style combox ; lorsqu’il est supérieur à 1, il s’agit du style listbox.

2) multiple {booléen} : s'il faut choix multiples. Pour les sélections multiples, maintenez Ctrl + bouton gauche enfoncé pour effectuer plusieurs opérations de sélection.

3) sous-élément de l'élément :

① Libellé 5b7a15bed8615d1b843806256bebea72 : définit la catégorie de l'élément sélectionné, qui ne peut pas être sélectionné.

attribut label {string} : le nom de l'affichage de la catégorie
attribut title {string} : les informations à afficher lorsque la souris est déplacée vers l'élément sélectionné

② fa006e492f7af91dc26cd9e27e7d0bb2 label : définition Éléments facultatifs

attribut vlaue {string} : le nom spécifique de l'élément sélectionné
attribut title {string} : déplacez la souris sur l'élément sélectionné, les informations à afficher

<h3>select标签</h3>
<select id="province" multiple=multiple size="6" >
    <optgroup label="直辖市"  ></optgroup>
    <option value="bj" title="北京市" >北京</option>
    <option value="sh">上海</option>
    <optgroup label="省市" ></optgroup>
    <option value="zj">浙江</option>
    <option value="fj">福建</option>
</select>

4750256ae76b6b9d804861d8f69e79d3 Balise

Zone de texte multiligne, la taille de la zone de texte peut être définie via les attributs cols et rows.

Attributs

rows {int} : Indique le nombre de lignes affichées.
cols {int} : Indique le nombre de colonnes affichées.
readonly {boolean} : indique s'il est en lecture seule.

Exemple

2e1cf0710519d5598b1f0f14c36ba674L'étiquette

est équivalente à une zone de texte d'affichage.

Attribut

pour {elementID} : Associez l'identifiant de contrôle correspondant ; lorsque vous cliquez sur cette étiquette, le contrôle lié à l'identifiant prendra le focus

<table>
    <tr>
        <td><label for=&#39;username&#39;>姓名：</label></td>
        <td><input type="text" id=&#39;username&#39;/></td>
    </tr>
    <tr>
        <td><label for=&#39;userpwd&#39;>密码：</label></td>
        <td><input type="password" id=&#39;userpwd&#39; /></td>
    </tr>
</table>

exemple ;

<fieldset>标签
类似于winform中的groupBox控件。
item子项
<legend></legend>：表示抬头的名称。
<h3>fieldset标签</h3>
<fieldset style=&#39;width:130px&#39; >
    <legend>性别</legend>
    <input type="radio" name=&#39;sex&#39; value=&#39;boy&#39; />男
    <input type="radio" name=&#39;sex&#39; value=&#39;girl&#39; />女
</fieldset>

Exemple

balises de liste ul, ol, li

ul : liste non ordonnée (liste non ordonnée)

ol : liste ordonnée (avec séquence list))

li : élément de liste (élément de liste), basé sur les 2 sous-éléments de liste ci-dessus.

Exemple de code :

<ul type=circle>
    <li>ul1</li>
    <li>ul2</li>
    <li>ul3</li>
</ul>
<ol type=1>
    <li>li1</li>
    <li>li2</li>
    <li>li3</li>
</ol>

Attributs

type {string} : Définit le style du symbole devant la balise 25edfb22a4f469ecb59f1190150159c6

ul : type a : cercle cercle creux, disque cercle plein, carré carré plein, aucun : pas de signe devant

ol : type a : 1 : représente ordonné 1, 2, 3 ; ; a : représente un ordre a, b, c ; i : chiffres romains i, ii, iii bien qu'il puisse également être défini comme : cercle, disque, carré, aucun, mais en réalité c'est une séquence de 1, 2, 3 ; , etc.;

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment insérer une vidéo dans une page Web HTML

Comment utiliser HTML+CSS pour créer un survol de la souris Vous pouvez afficher la barre de menu secondaire

Comment faire en sorte que l'interface front-end efface automatiquement le cache des fichiers js et css

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!