Apprendre HTML Partie 29: Utiliser les attributs en lecture seule, désactivés et cibles dans les formulaires HTML
Vous connaissez certainement déjà la balise <input>sa fonction dans l'article précédent. Cette balise est utilisée pour créer des éléments qui sont utilisés pour demander des informations à l'utilisateur. Cette balise peut généralement se présenter sous la forme de zones de texte, de boutons, de zones de sélection et autres.
Dans le tutoriel précédent, nous avons discutésur l'utilisation des balises d'entrée en HTML et leurs valeurs de type d'entrée telles que le texte, le mot de passe et la soumission. Eh bien, dans ce tutoriel, nous allons discuter de l'utilisation des attributs en lecture seule, désactivés et cibles dans les formulaires HTML. Ces trois attributs ont certainement des fonctions différentes dans leur mise en œuvre. Pour plus de détails sur les trois attributs, regardons le tutoriel suivant:
Attributs en lecture seule et désactivés
En général, les attributs sont en lecture seule et désactivésutilisé pour rendre la zone de texte inutilisable. À certaines fins, vous avez certainement besoin de ces deux attributs pour que la zone de texte ne puisse pas être modifiée, par exemple pour une zone de texte qui a une valeur par défaut. Ce qui suit est une explication de ces deux attributs.
1. Attribut en lecture seule
L'attribut readonly est utilisé pour spécifier que l'élément <input> peut être lu uniquement sans être modifiable. Voici un exemple d'écriture et d'utilisation de l'attribut readonly sur un formulaire HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Readonly pada Form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
Kode Barang :
<input type="text" name="kode" value ="BRG01" readonly> <br><br>
Jumlah Barang :
<input type="text" name="jumlah"><br><br>
Harga per satuan :
<input type="text" name="harga"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Une fois le code ci-dessus exécuté dans le navigateur, il apparaîtra comme indiqué ci-dessous:
Dans la colonne Code d'article, vous ne pouvez pas envoyerl'entrée données car la colonne a reçu l'attribut en lecture seule, de sorte que la colonne peut uniquement être en lecture seule et ne peut pas être modifiée ou modifiée.
2. Attributs désactivés
L'attribut désactivé est utilisé pour désactiverun élément (par exemple un élément d'entrée). Semblable à l'attribut en lecture seule, cet attribut n'a pas besoin d'être écrit, il suffit de désactiver l'écriture. Voici un exemple d'écriture et d'utilisation d'attributs désactivés sur les formulaires HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Disabled pada Form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
Kode Barang :
<input type="text" name="kode" value ="BRG01" disabled> <br><br>
Jumlah Barang :
<input type="text" name="jumlah"><br><br>
Harga per satuan :
<input type="text" name="harga"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Une fois le code ci-dessus exécuté dans le navigateur, il apparaîtra comme indiqué ci-dessous:
Différences dans les attributs en lecture seule et désactivés
À partir des deux exemples de code ci-dessus, vous pouvez voirdifférence par rapport à l'utilisation des attributs en lecture seule et désactivés. L'attribut en lecture seule conserve la zone de texte comme d'habitude tandis que l'attribut désactivé la rend grise. Néanmoins, il y a une différence que vous devez savoir que lorsque vous cliquez sur le bouton Soumettre, la valeur de l'attribut en lecture seule est toujours envoyée au serveur alors que l'attribut désactivé ne l'est pas.
Attribut en lecture seule: valeur Code d'article envoyé au serveur
Attribut désactivé: valeur Code d'article non envoyé au serveur
3. Attributs cibles
L'attribut cible est utilisé pour déterminer le lieude la réponse reçue après la soumission du formulaire. Les valeurs des attributs cibles sont _blank, _self, _parent et _top. L'utilisation de cet attribut cible, j'ai expliqué dans l'article comment créer des liens en HTML.
Voici un exemple d'écriture de code et d'utilisation de l'attribut cible dans le formulaire HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Target di HTML Forms</title>
</head>
<body>
<form action="proses_input.php" method="get" target="_blank">
Nama Depan: <input type="text" name="ndepan"><br>
Nama Belakang: <input type="text" name="nbelakang"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Une fois le code ci-dessus exécuté dans le navigateur, il apparaîtra comme indiqué ci-dessous:
Lorsque vous cliquez sur le bouton Soumettre, les résultats de la réponse reçue seront affichés dans un nouvel onglet.
Il s'agit uniquement d'utiliser en lecture seule, de cibler et de désactiver les attributs dans les formulaires HTML. Continuez à visiter ce blog car le matériel d'apprentissage HTML pour les débutants sera toujours mis à jour.
