• <rt id="lpkoq"><small id="lpkoq"></small></rt>
    1. \n
      \n

      Check Box Example: <\/h2>\n\nCheckbox 1 \n<\/br>\nCheckbox 2 \n

      <\/p>\n<\/div>\n<\/body>\n<\/html><\/pre>\n

      Sortie<\/strong>?:<\/p>\n

      \"Balise<\/p>\n

      Ici, nous avons déclaré deux éléments d'entrée comme Checkbox 1 et Checkbox 2 sur la page Web. Nous n'avons pris aucune mesure en cliquant sur une case à cocher.<\/p>\n

      Exemple n°2 – Plusieurs éléments de sélection.<\/h4>\n

      Code<\/strong>?:<\/p>\n

      \n\n\n\nCheckbox in HTML\n<\/title>\n<style>\n.results {\nborder : green 1px solid;\nbackground-color : aliceblue;\ntext-align : left;\npadding-left : 20px;\nheight : 200px;\nwidth : 95%;\n}\n.resultText {\nfont-size : 20px;\nfont-style : normal;\ncolor : blue;\n}\n<\/style>\n<\/head>\n<body>
      <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<div   id="377j5v51b"   class = \"results\">\n<h2> Check Box Example: <\/h2>\n<!-- Declare two input boxes with type as checkbox -->\n<h4> Choose languages <\/h4>\n<div>\n<input type = \"checkbox\" name = \"English\">\n<label for = \"English\"> English <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"Hindi\" >\n<label for = \"Hindi\" > Hindi <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"German\" >\n<label for = \"German\" > German <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"French\" >\n<label for = \"French\" > French <\/label>\n<\/div>\n<p id = \"result\"> <\/p>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>Sortie?:<\/strong><\/p>\n\n\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543864812507.jpg\" alt=\"Balise de case à cocher HTML\" ><\/p>\n<p>Cet exemple montre comment nous pouvons créer simultanément plusieurs éléments de saisie de cases à cocher. Ici, nous avons créé un total de quatre éléments de case à cocher pour choisir les langues. Notez que nous pouvons cocher plusieurs cases à la fois?; cela contraste avec la saisie par bouton radio, où une seule option peut être choisie parmi toutes les options d'élément affichées.<\/p>\n<h4>Exemple n°3 – Attribut vérifié.<\/h4>\n<p>Comme observé dans les exemples jusqu'à présent, la case à cocher est décochée lors du chargement d'une page Web. Si nous voulons afficher une case à cocher avec coché par défaut, nous pouvons utiliser l'attribut ??coché?? avec l'élément checkbox.<\/p>\n<p><strong>Code?:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>\nCheckbox in HTML\n<\/title>\n<style>\n.results {\nborder : green 1px solid;\nbackground-color : aliceblue;\ntext-align : left;\npadding-left : 20px;\nheight : 200px;\nwidth : 95%;\n}\n.resultText {\nfont-size : 20px;\nfont-style : normal;\ncolor : blue;\n}\n<\/style>\n<\/head>\n<body>\n<div   id="377j5v51b"   class = \"results\">\n<h2> Check Box Example: <\/h2>\n<!-- Declare two input boxes with type as checkbox -->\n<h4> Choose languages <\/h4>\n<div>\n<input type = \"checkbox\" name = \"English\" checked>\n<label for = \"English\"> English <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"Hindi\" checked>\n<label for = \"Hindi\" > Hindi <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"German\" >\n<label for = \"German\" > German <\/label>\n<\/div>\n<div>\n<input type = \"checkbox\" name = \"French\" >\n<label for = \"French\" > French <\/label>\n<\/div>\n<p id = \"result\"> <\/p>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>Sortie?:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543865137793.jpg\" alt=\"Balise de case à cocher HTML\" ><\/p>\n<p>Ici, sur quatre éléments de case à cocher, nous avons créé deux cases à cocher à charger comme cochées par défaut. Notez que les deux premières langues sont affichées comme cochées par défaut.<\/p>\n<h4>Exemple n°4 – Case à cocher dans un formulaire HTML.<\/h4>\n<p>Une autre fa?on d'utiliser la case à cocher. Il sera ajouté sous forme HTML, et nous verrons comment identifier si une case à cocher est cochée.<\/p>\n\n\n<p><strong>Code<\/strong>?:<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>\nCheckbox in HTML\n<\/title>\n<style>\n.results {\nborder : green 1px solid;\nbackground-color : aliceblue;\ntext-align : left;\npadding-left : 20px;\nheight : 200px;\nwidth : 95%;\n}\n.resultText {\nfont-size : 20px;\nfont-style : normal;\ncolor : blue;\n}\n<\/style>\n<\/head>\n<body>\n<div   id="377j5v51b"   class = \"results\">\n<h2> Check Box Example: <\/h2>\n<form>\n<div>\nCheckbox 1 <input type = \"checkbox\" name = \"checkbox1\" id = \"selected\" value = \"Yes\" >\n<\/div>\n<br>\n<div>\nCheckbox 2 <input type = \"checkbox\" name = \"checkbox2\" id = \"selected\" value = \"Yes\" >\n<\/div>\n<\/br>\n<div>\n<button type = \"submit\" > Submit <\/button>\n<\/div>\n<\/form>\n<p id = \"result\"> <\/p>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>Sortie?:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543865269879.jpg\" alt=\"Balise de case à cocher HTML\" ><\/p>\n<p>Ici, nous avons inclus des éléments de case à cocher dans un élément de formulaire. Ceci est utile pour traiter la valeur de la case à cocher sur le serveur. La soumission inclura les valeurs des cases à cocher lors de l'envoi du formulaire au serveur. La valeur de l'URL est générée en combinant le nom de la case à cocher et l'attribut value dans l'élément de la case à cocher.<\/p>\n<p>Par exemple, dans notre cas, lorsque les deux cases sont envoyées comme cochées, l'URL contiendra ? checkbox1=Yes&checkbox2=Yes ?.<\/p>\n<h3>Conclusion<\/h3>\n<p>Un élément d'entrée appelé case à cocher permet aux utilisateurs de choisir ou de décocher une option qui leur est présentée en HTML. Dans cet article, nous avons vu plusieurs cas d'utilisation du même.<\/p>"}	</script>
      	
      <meta http-equiv="Cache-Control" content="no-transform" />
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
      </head>
      
      <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
      	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
      <header>
          <div   id="377j5v51b"   class="head">
              <div   id="377j5v51b"   class="haed_left">
                  <div   id="377j5v51b"   class="haed_logo">
                      <a href="http://m.miracleart.cn/fr/" title="" class="haed_logo_a">
                          <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                      </a>
                  </div>
                  <div   id="377j5v51b"   class="head_nav">
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="communauté" class="head_nava head_nava-template1">communauté</a>
                          <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/fr/article.html" title="Articles" class="languagechoosea on">Articles</a>
                                  <a href="http://m.miracleart.cn/fr/faq/zt" title="Sujets" class="languagechoosea">Sujets</a>
                                  <a href="http://m.miracleart.cn/fr/wenda.html" title="Questions et réponses" class="languagechoosea">Questions et réponses</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Apprendre" class="head_nava head_nava-template1_1">Apprendre</a>
                          <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/fr/course.html" title="Cours" class="languagechoosea on">Cours</a>
                                  <a href="http://m.miracleart.cn/fr/dic/" title="Dictionnaire de programmation" class="languagechoosea">Dictionnaire de programmation</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Bibliothèque d'outils" class="head_nava head_nava-template1_2">Bibliothèque d'outils</a>
                          <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/fr/toolset/development-tools" title="Outils de développement" class="languagechoosea on">Outils de développement</a>
                                  <a href="http://m.miracleart.cn/fr/toolset/website-source-code" title="Code source du site Web" class="languagechoosea">Code source du site Web</a>
                                  <a href="http://m.miracleart.cn/fr/toolset/php-libraries" title="Bibliothèques PHP" class="languagechoosea">Bibliothèques PHP</a>
                                  <a href="http://m.miracleart.cn/fr/toolset/js-special-effects" title="Effets spéciaux JS" class="languagechoosea on">Effets spéciaux JS</a>
                                  <a href="http://m.miracleart.cn/fr/toolset/website-materials" title="Matériel du site Web" class="languagechoosea on">Matériel du site Web</a>
                                  <a href="http://m.miracleart.cn/fr/toolset/extension-plug-ins" title="Plugins d'extension" class="languagechoosea on">Plugins d'extension</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="http://m.miracleart.cn/fr/ai" title="Outils d'IA" class="head_nava head_nava-template1_3">Outils d'IA</a>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Loisirs" class="head_nava head_nava-template1_3">Loisirs</a>
                          <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/fr/game" title="Téléchargement du jeu" class="languagechoosea on">Téléchargement du jeu</a>
                                  <a href="http://m.miracleart.cn/fr/mobile-game-tutorial/" title="Tutoriels de jeu" class="languagechoosea">Tutoriels de jeu</a>
      
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
                          <div   id="377j5v51b"   class="head_search">
                      <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('fr')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                      <a href="javascript:;" title="recherche"  onclick="searchs('fr')"><img src="/static/imghw/find.png" alt="recherche"></a>
                  </div>
                      <div   id="377j5v51b"   class="head_right">
                  <div   id="377j5v51b"   class="haed_language">
                      <a href="javascript:;" class="layui-btn haed_language_btn">Fran?ais<i class="layui-icon layui-icon-triangle-d"></i></a>
                      <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                          <div   id="377j5v51b"   class="languagechoose">
                                                      <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                      <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                      <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                      <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                      <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                      <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                      <a href="javascript:;" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                      <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                  </div>
                      </div>
                  </div>
                  <span id="377j5v51b"    class="head_right_line"></span>
                                  <div style="display: block;" id="login" class="haed_login ">
                          <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                      </div>
                      <div style="display: block;" id="reg" class="head_signup login">
                          <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                      </div>
                  
              </div>
          </div>
      </header>
      
      	
      	<main>
      		<div   id="377j5v51b"   class="Article_Details_main">
      			<div   id="377j5v51b"   class="Article_Details_main1">
      							<div   id="377j5v51b"   class="Article_Details_main1L">
      					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
      						<div   id="377j5v51b"   class="Article_Details_main1L1">Table des matières</div>
      						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
      							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
      															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Exemples-de-balise-de-case-à-cocher-HTML" title="Exemples de balise de case à cocher HTML" >Exemples de balise de case à cocher HTML</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Exemple-n-Créez-une-case-à-cocher-simple" title="Exemple n°1 – Créez une case à cocher simple." >Exemple n°1 – Créez une case à cocher simple.</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Exemple-n-Plusieurs-éléments-de-sélection" title="Exemple n°2 – Plusieurs éléments de sélection." >Exemple n°2 – Plusieurs éléments de sélection.</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Exemple-n-Attribut-vérifié" title="Exemple n°3 – Attribut vérifié." >Exemple n°3 – Attribut vérifié.</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Exemple-n-Case-à-cocher-dans-un-formulaire-HTML" title="Exemple n°4 – Case à cocher dans un formulaire HTML." >Exemple n°4 – Case à cocher dans un formulaire HTML.</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Conclusion" title="Conclusion" >Conclusion</a>
      								</div>
      														</div>
      					</div>
      				</div>
      							<div   id="377j5v51b"   class="Article_Details_main1M">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
      						<a href="http://m.miracleart.cn/fr/" title="Maison"
      							class="phpgenera_Details_mainL1a">Maison</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/fr/web-designer.html"
      							class="phpgenera_Details_mainL1a">interface Web</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/fr/div-tutorial.html"
      							class="phpgenera_Details_mainL1a">tutoriel HTML</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      						<span>Balise de case à cocher HTML</span>
      					</div>
      					
      					<div   id="377j5v51b"   class="Articlelist_txts">
      						<div   id="377j5v51b"   class="Articlelist_txts_info">
      							<h1 class="Articlelist_txts_title">Balise de case à cocher HTML</h1>
      							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
      								<div   id="377j5v51b"   class="author_info">
      									<a href="http://m.miracleart.cn/fr/member/164.html"  class="author_avatar">
      									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/164/59190898474f6485.png" src="/static/imghw/default1.png" alt="PHPz">
      									</a>
      									<div   id="377j5v51b"   class="author_detail">
      																			<a href="http://m.miracleart.cn/fr/member/164.html" class="author_name">PHPz</a>
                                      										</div>
      								</div>
                      			</div>
      							<span id="377j5v51b"    class="Articlelist_txts_time">Sep 04, 2024 pm	 04:30 PM</span>
      															<div   id="377j5v51b"   class="Articlelist_txts_infos">
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">html</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Tutorial</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Properties</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML tags</span>
      																	</div>
      														
      						</div>
      					</div>
      					<hr />
      					<div   id="377j5v51b"   class="article_main php-article">
      						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
      						<ins class="adsbygoogle"
      							style="display:block; text-align:center;"
      							data-ad-layout="in-article"
      							data-ad-format="fluid"
      							data-ad-client="ca-pub-5902227090019525"
      							data-ad-slot="3461856641">
      						</ins>
      						
      
      					<p>La case à cocher est un type d'élément de saisie disponible en HTML qui permet aux utilisateurs de la cocher ou de la laisser décochée et permet aux utilisateurs de sélectionner ou de désélectionner l'option affichée sur la page Web. La case à cocher permet à une application d'afficher l'entrée pour la sélection sous la forme d'une bo?te et fournit à l'utilisateur l'accès pour sélectionner ou désélectionner l'option affichée. La case à cocher HTML peut être utilisée pour la sélection de l'utilisateur sous la forme d'une déclaration oui/non ou d'une déclaration de type accord?; en fonction de cette valeur, différentes fonctionnalités peuvent être obtenues.</p>
      
      
      
      
      
      
      
      
      
      
      
      
      
      <p><strong>Syntaxe?:</strong></p>
      
      
      <p>Tout comme pour les autres paramètres de type d'entrée, nous changerons le type d'entrée en ? case à cocher ? dans le cas d'une case à cocher.</p>
      <pre class="brush:php;toolbar:false"><input type = "checkbox"></pre>
      <p>Tout comme les autres types d'entrée, nous pouvons ajouter des paramètres supplémentaires dans la syntaxe.</p>
      <p><strong>Fonction de la balise de case à cocher HTML</strong></p>
      <ul>
      <li>La balise de case à cocher HTML attribue une valeur vraie ou fausse à l'élément d'entrée en tant que paramètre ? coché ?.</li>
      <li>Lorsque nous cliquons sur la case à cocher, cela modifie la valeur de cet élément comme vrai ou faux, qui peut être utilisé davantage pour la vérification.</li>
      </ul>
      <h3 id="Exemples-de-balise-de-case-à-cocher-HTML">Exemples de balise de case à cocher HTML</h3>
      <p>Vous trouverez ci-dessous des exemples de balises de cases à cocher HTML?:</p>
      <h4 id="Exemple-n-Créez-une-case-à-cocher-simple">Exemple n°1 – Créez une case à cocher simple.</h4>
      <p><strong>Code</strong>?:</p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>
      Checkbox in HTML
      </title>
      <style>
      .results {
      border : green 1px solid;
      background-color : aliceblue;
      text-align : left;
      padding-left : 20px;
      height : 150px;
      width : 95%;
      }
      .resultText {
      font-size : 20px;
      font-style : normal;
      color : blue;
      }
      </style>
      </head>
      <body>
      <div class = "results">
      <h2> Check Box Example: </h2>
      <!-- Declare input box with type as checkbox, we have also assigned name to this element-->
      Checkbox 1 <input type = "checkbox" name = "checkbox1" >
      </br>
      Checkbox 2 <input type = "checkbox" name = "checkbox2" >
      <p id = "result"> </p>
      </div>
      </body>
      </html></pre>
      <p><strong>Sortie</strong>?:</p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543864528421.jpg" class="lazy" alt="Balise de case à cocher HTML" ></p>
      <p>Ici, nous avons déclaré deux éléments d'entrée comme Checkbox 1 et Checkbox 2 sur la page Web. Nous n'avons pris aucune mesure en cliquant sur une case à cocher.</p>
      <h4 id="Exemple-n-Plusieurs-éléments-de-sélection">Exemple n°2 – Plusieurs éléments de sélection.</h4>
      <p><strong>Code</strong>?:</p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>
      Checkbox in HTML
      </title>
      <style>
      .results {
      border : green 1px solid;
      background-color : aliceblue;
      text-align : left;
      padding-left : 20px;
      height : 200px;
      width : 95%;
      }
      .resultText {
      font-size : 20px;
      font-style : normal;
      color : blue;
      }
      </style>
      </head>
      <body>
      <div class = "results">
      <h2> Check Box Example: </h2>
      <!-- Declare two input boxes with type as checkbox -->
      <h4> Choose languages </h4>
      <div>
      <input type = "checkbox" name = "English">
      <label for = "English"> English </label>
      </div>
      <div>
      <input type = "checkbox" name = "Hindi" >
      <label for = "Hindi" > Hindi </label>
      </div>
      <div>
      <input type = "checkbox" name = "German" >
      <label for = "German" > German </label>
      </div>
      <div>
      <input type = "checkbox" name = "French" >
      <label for = "French" > French </label>
      </div>
      <p id = "result"> </p>
      </div>
      </body>
      </html></pre>
      <p><strong>Sortie?:</strong></p>
      
      
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543864812507.jpg" class="lazy" alt="Balise de case à cocher HTML" ></p>
      <p>Cet exemple montre comment nous pouvons créer simultanément plusieurs éléments de saisie de cases à cocher. Ici, nous avons créé un total de quatre éléments de case à cocher pour choisir les langues. Notez que nous pouvons cocher plusieurs cases à la fois?; cela contraste avec la saisie par bouton radio, où une seule option peut être choisie parmi toutes les options d'élément affichées.</p>
      <h4 id="Exemple-n-Attribut-vérifié">Exemple n°3 – Attribut vérifié.</h4>
      <p>Comme observé dans les exemples jusqu'à présent, la case à cocher est décochée lors du chargement d'une page Web. Si nous voulons afficher une case à cocher avec coché par défaut, nous pouvons utiliser l'attribut ??coché?? avec l'élément checkbox.</p>
      <p><strong>Code?:</strong></p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>
      Checkbox in HTML
      </title>
      <style>
      .results {
      border : green 1px solid;
      background-color : aliceblue;
      text-align : left;
      padding-left : 20px;
      height : 200px;
      width : 95%;
      }
      .resultText {
      font-size : 20px;
      font-style : normal;
      color : blue;
      }
      </style>
      </head>
      <body>
      <div class = "results">
      <h2> Check Box Example: </h2>
      <!-- Declare two input boxes with type as checkbox -->
      <h4> Choose languages </h4>
      <div>
      <input type = "checkbox" name = "English" checked>
      <label for = "English"> English </label>
      </div>
      <div>
      <input type = "checkbox" name = "Hindi" checked>
      <label for = "Hindi" > Hindi </label>
      </div>
      <div>
      <input type = "checkbox" name = "German" >
      <label for = "German" > German </label>
      </div>
      <div>
      <input type = "checkbox" name = "French" >
      <label for = "French" > French </label>
      </div>
      <p id = "result"> </p>
      </div>
      </body>
      </html></pre>
      <p><strong>Sortie?:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543865137793.jpg" class="lazy" alt="Balise de case à cocher HTML" ></p>
      <p>Ici, sur quatre éléments de case à cocher, nous avons créé deux cases à cocher à charger comme cochées par défaut. Notez que les deux premières langues sont affichées comme cochées par défaut.</p>
      <h4 id="Exemple-n-Case-à-cocher-dans-un-formulaire-HTML">Exemple n°4 – Case à cocher dans un formulaire HTML.</h4>
      <p>Une autre fa?on d'utiliser la case à cocher. Il sera ajouté sous forme HTML, et nous verrons comment identifier si une case à cocher est cochée.</p>
      
      
      <p><strong>Code</strong>?:</p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>
      Checkbox in HTML
      </title>
      <style>
      .results {
      border : green 1px solid;
      background-color : aliceblue;
      text-align : left;
      padding-left : 20px;
      height : 200px;
      width : 95%;
      }
      .resultText {
      font-size : 20px;
      font-style : normal;
      color : blue;
      }
      </style>
      </head>
      <body>
      <div class = "results">
      <h2> Check Box Example: </h2>
      <form>
      <div>
      Checkbox 1 <input type = "checkbox" name = "checkbox1" id = "selected" value = "Yes" >
      </div>
      <br>
      <div>
      Checkbox 2 <input type = "checkbox" name = "checkbox2" id = "selected" value = "Yes" >
      </div>
      </br>
      <div>
      <button type = "submit" > Submit </button>
      </div>
      </form>
      <p id = "result"> </p>
      </div>
      </body>
      </html></pre>
      <p><strong>Sortie?:</strong></p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543865269879.jpg" class="lazy" alt="Balise de case à cocher HTML" ></p>
      <p>Ici, nous avons inclus des éléments de case à cocher dans un élément de formulaire. Ceci est utile pour traiter la valeur de la case à cocher sur le serveur. La soumission inclura les valeurs des cases à cocher lors de l'envoi du formulaire au serveur. La valeur de l'URL est générée en combinant le nom de la case à cocher et l'attribut value dans l'élément de la case à cocher.</p>
      <p>Par exemple, dans notre cas, lorsque les deux cases sont envoyées comme cochées, l'URL contiendra ? checkbox1=Yes&checkbox2=Yes ?.</p>
      <h3 id="Conclusion">Conclusion</h3>
      <p>Un élément d'entrée appelé case à cocher permet aux utilisateurs de choisir ou de décocher une option qui leur est présentée en HTML. Dans cet article, nous avons vu plusieurs cas d'utilisation du même.</p><p>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!</p>
      
      
      						</div>
      					</div>
      					<div   id="377j5v51b"   class="wzconShengming_sp">
      						<div   id="377j5v51b"   class="bzsmdiv_sp">Déclaration de ce site Web</div>
      						<div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn</div>
      					</div>
      				</div>
      
      				<ins class="adsbygoogle"
           style="display:block"
           data-ad-format="autorelaxed"
           data-ad-client="ca-pub-5902227090019525"
           data-ad-slot="2507867629"></ins>
      
      
      
      				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
      
      
      				<ins class="adsbygoogle"
              style="display:block"
              data-ad-client="ca-pub-5902227090019525"
              data-ad-slot="3653428331"
              data-ad-format="auto"
              data-full-width-responsive="true"></ins>
          
      
      
      					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Article chaud</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796832397.html" title="Guide de construction de Grass Wonder | Uma musume joli derby" class="phpgenera_Details_mainR4_bottom_title">Guide de construction de Grass Wonder | Uma musume joli derby</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796833110.html" title="<??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 Il y a quelques semaines</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796831605.html" title="Uma Musume Pretty Derby Banner Schedule (juillet 2025)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby Banner Schedule (juillet 2025)</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796836699.html" title="Guide de température de Rimworld Odyssey pour les navires et Gravtech" class="phpgenera_Details_mainR4_bottom_title">Guide de température de Rimworld Odyssey pour les navires et Gravtech</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 Il y a quelques semaines</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796831905.html" title="Windows Security est vide ou ne montre pas les options" class="phpgenera_Details_mainR4_bottom_title">Windows Security est vide ou ne montre pas les options</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By 下次還敢</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/fr/article.html">Afficher plus</a>
      							</div>
      						</div>
      					</div> -->
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>Outils d'IA chauds</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
      													<h3>Undress AI Tool</h3>
      												</a>
      												<p>Images de déshabillage gratuites</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
      													<h3>Undresser.AI Undress</h3>
      												</a>
      												<p>Application basée sur l'IA pour créer des photos de nu réalistes</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
      													<h3>AI Clothes Remover</h3>
      												</a>
      												<p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
      													<h3>Clothoff.io</h3>
      												</a>
      												<p>Dissolvant de vêtements AI</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
      													<h3>Video Face Swap</h3>
      												</a>
      												<p>échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!</p>
      											</div>
      										</div>
      																</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/fr/ai">Afficher plus</a>
      								</div>
      							</div>
      						</div>
      					
      
      
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Article chaud</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796832397.html" title="Guide de construction de Grass Wonder | Uma musume joli derby" class="phpgenera_Details_mainR4_bottom_title">Guide de construction de Grass Wonder | Uma musume joli derby</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796833110.html" title="<??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 Il y a quelques semaines</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796831605.html" title="Uma Musume Pretty Derby Banner Schedule (juillet 2025)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby Banner Schedule (juillet 2025)</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796836699.html" title="Guide de température de Rimworld Odyssey pour les navires et Gravtech" class="phpgenera_Details_mainR4_bottom_title">Guide de température de Rimworld Odyssey pour les navires et Gravtech</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 Il y a quelques semaines</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/1796831905.html" title="Windows Security est vide ou ne montre pas les options" class="phpgenera_Details_mainR4_bottom_title">Windows Security est vide ou ne montre pas les options</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 Il y a quelques mois</span>
      										<span>By 下次還敢</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/fr/article.html">Afficher plus</a>
      							</div>
      						</div>
      					</div>
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>Outils chauds</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title">
      													<h3>Bloc-notes++7.3.1</h3>
      												</a>
      												<p>éditeur de code facile à utiliser et gratuit</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3 version chinoise</h3>
      												</a>
      												<p>Version chinoise, très simple à utiliser</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title">
      													<h3>Envoyer Studio 13.0.1</h3>
      												</a>
      												<p>Puissant environnement de développement intégré PHP</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
      													<h3>Dreamweaver CS6</h3>
      												</a>
      												<p>Outils de développement Web visuel</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3 version Mac</h3>
      												</a>
      												<p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p>
      											</div>
      										</div>
      																	</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/fr/ai">Afficher plus</a>
      								</div>
      							</div>
      						</div>
      										
      
      					
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Sujets chauds</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/laravel-tutori" title="Tutoriel Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutoriel Laravel</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1601</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>29</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/fr/faq/php-tutorial" title="Tutoriel PHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel PHP</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1502</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>276</span>
      										</div>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/fr/faq/zt">Afficher plus</a>
      							</div>
      						</div>
      					</div>
      				</div>
      			</div>
      							<div   id="377j5v51b"   class="Article_Details_main2">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
      						<div   id="377j5v51b"   class="phpmain1_2_top">
      							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
      									src="/static/imghw/index2_title2.png" alt="" /></a>
      						</div>
      						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
      
      													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796849181.html" title="Pourquoi mon image n'appara?t-elle pas dans HTML?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175363969291498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Pourquoi mon image n'appara?t-elle pas dans HTML?" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796849181.html" title="Pourquoi mon image n'appara?t-elle pas dans HTML?" class="phphistorical_Version2_mids_title">Pourquoi mon image n'appara?t-elle pas dans HTML?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 28, 2025 am	 02:08 AM</span>
      								<p class="Articlelist_txts_p">L'image non affichée est généralement causée par un mauvais chemin de fichier, un nom ou une extension de fichier incorrect, des problèmes de syntaxe HTML ou un cache de navigateur. 1. Assurez-vous que le chemin SRC est cohérent avec l'emplacement réel du fichier et utilisez le chemin relatif correct; 2. Vérifiez si le cas de fichier et l'extension correspondent exactement et vérifiez si l'image peut être chargée en entrant directement l'URL; 3. Vérifiez si la syntaxe TAG IMG est correcte, assurez-vous qu'il n'y a pas de caractères redondants et que la valeur d'attribut ALT est appropriée; 4. Essayez de forcer l'actualisation de la page, de nettoyer le cache ou d'utiliser le mode incognito pour éliminer les interférences du cache. Le dépannage dans cet ordre peut résoudre la plupart des problèmes d'affichage d'image HTML.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796848665.html" title="Pouvez-vous mettre une balise  dans une autre balise ?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175356093168643.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Pouvez-vous mettre une balise  dans une autre balise ?" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796848665.html" title="Pouvez-vous mettre une balise  dans une autre balise ?" class="phphistorical_Version2_mids_title">Pouvez-vous mettre une balise  dans une autre balise ?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 04:15 AM</span>
      								<p class="Articlelist_txts_p">?oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796851777.html" title="Comment créer une liste non ordonnée dans HTML?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175382222111469.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment créer une liste non ordonnée dans HTML?" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796851777.html" title="Comment créer une liste non ordonnée dans HTML?" class="phphistorical_Version2_mids_title">Comment créer une liste non ordonnée dans HTML?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 04:50 AM</span>
      								<p class="Articlelist_txts_p">Pour créer une liste HTML non ordonnée, vous devez utiliser une balise pour définir un conteneur de liste. Chaque élément de liste est enveloppé d'une balise et le navigateur ajoutera automatiquement des balles; 1. Créez une liste avec une balise; 2. Chaque élément de liste est défini avec une balise; 3. Le navigateur génère automatiquement des symboles de points par défaut; 4. Les sublilistes peuvent être mis en ?uvre par le biais de la nidification; 5. Utilisez l'attribut de type de style liste de CSS pour modifier le style de symbole, tel que le disque, le cercle, le carré ou aucun; Utilisez ces balises correctement pour générer une liste standard non ordonnée.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796849233.html" title="Comment utiliser l'attribut satisfait?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175364067270391.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment utiliser l'attribut satisfait?" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796849233.html" title="Comment utiliser l'attribut satisfait?" class="phphistorical_Version2_mids_title">Comment utiliser l'attribut satisfait?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 28, 2025 am	 02:24 AM</span>
      								<p class="Articlelist_txts_p">THECONTANTITABLEATTRIBUTEMAKESANYHTMLEMéMéRITéBYADDING CONTANTITALLE = "VRUE", permettant à la réception de codomente detteurthebrowser.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796851820.html" title="L'importance du HTML sémantique pour le référencement et l'accessibilité" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175382310285254.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="L'importance du HTML sémantique pour le référencement et l'accessibilité" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796851820.html" title="L'importance du HTML sémantique pour le référencement et l'accessibilité" class="phphistorical_Version2_mids_title">L'importance du HTML sémantique pour le référencement et l'accessibilité</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 05:05 AM</span>
      								<p class="Articlelist_txts_p">SémantichtmlimprovesbothseoandaccessibilityByusing a été ultime</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796852972.html" title="Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org." class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175393022141664.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org." />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796852972.html" title="Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org." class="phphistorical_Version2_mids_title">Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org.</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 31, 2025 am	 10:50 AM</span>
      								<p class="Articlelist_txts_p">La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'utilisation de Type supplémentaire pour introduire de nouveaux types; Dans les applications réelles, en gardant la structure claire, en utilisant d'abord les attributs officiels, tester la validité du code et garantir que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796855449.html" title="Comment créer un champ de saisie de recherche dans un formulaire HTML" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175412424244340.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment créer un champ de saisie de recherche dans un formulaire HTML" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796855449.html" title="Comment créer un champ de saisie de recherche dans un formulaire HTML" class="phphistorical_Version2_mids_title">Comment créer un champ de saisie de recherche dans un formulaire HTML</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 02, 2025 pm	 04:44 PM</span>
      								<p class="Articlelist_txts_p">UsetheelementwithinatagtocreatEasanticsearchField.2. y comprisaForAccesssibility, settheform'sactionandMethod = "get" attributestosenddatatoesearchndpointwithAsharableArl.3.Addname = "Q" todefinetheQueryParameter, usePlaceHolderToguiseUd</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/fr/faq/1796856512.html" title="Quel est le but de l'attribut REL dans une balise de liaison dans HTML?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175421100220698.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Quel est le but de l'attribut REL dans une balise de liaison dans HTML?" />
      								</a>
      								<a href="http://m.miracleart.cn/fr/faq/1796856512.html" title="Quel est le but de l'attribut REL dans une balise de liaison dans HTML?" class="phphistorical_Version2_mids_title">Quel est le but de l'attribut REL dans une balise de liaison dans HTML?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 03, 2025 pm	 04:50 PM</span>
      								<p class="Articlelist_txts_p">rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu</p>
      							</div>
      													</div>
      
      													<a href="http://m.miracleart.cn/fr/web-designer.html" class="phpgenera_Details_mainL4_botton">
      								<span>See all articles</span>
      								<img src="/static/imghw/down_right.png" alt="" />
      							</a>
      											</div>
      				</div>
      					</div>
      	</main>
      	<footer>
          <div   id="377j5v51b"   class="footer">
              <div   id="377j5v51b"   class="footertop">
                  <img src="/static/imghw/logo.png" alt="">
                  <p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p>
              </div>
              <div   id="377j5v51b"   class="footermid">
                  <a href="http://m.miracleart.cn/fr/about/us.html">à propos de nous</a>
                  <a href="http://m.miracleart.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a>
                  <a href="http://m.miracleart.cn/fr/update/article_0_1.html">Sitemap</a>
              </div>
              <div   id="377j5v51b"   class="footerbottom">
                  <p>
                      ? php.cn All rights reserved
                  </p>
              </div>
          </div>
      </footer>
      
      <input type="hidden" id="verifycode" value="/captcha.html">
      
      
      
      
      		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
      	
      	
      	
      	
      	
      
      	
      	
      
      
      
      
      
      
      <footer>
      <div class="friendship-link">
      <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
      <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
      
      <div class="friend-links">
      
      
      </div>
      </div>
      
      </footer>
      
      
      <script>
      (function(){
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
              bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
              bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
      })();
      </script>
      </body><div id="ilkcc" class="pl_css_ganrao" style="display: none;"><code id="ilkcc"><tr id="ilkcc"><nobr id="ilkcc"></nobr></tr></code><blockquote id="ilkcc"></blockquote><tfoot id="ilkcc"><pre id="ilkcc"><span id="ilkcc"></span></pre></tfoot><acronym id="ilkcc"></acronym><tr id="ilkcc"><cite id="ilkcc"><ruby id="ilkcc"><dl id="ilkcc"></dl></ruby></cite></tr><ul id="ilkcc"></ul><tr id="ilkcc"><legend id="ilkcc"><li id="ilkcc"><dl id="ilkcc"></dl></li></legend></tr><td id="ilkcc"><acronym id="ilkcc"></acronym></td><dfn id="ilkcc"><em id="ilkcc"><td id="ilkcc"></td></em></dfn><td id="ilkcc"></td><strike id="ilkcc"></strike><big id="ilkcc"></big><strike id="ilkcc"></strike><var id="ilkcc"></var><s id="ilkcc"><samp id="ilkcc"><i id="ilkcc"></i></samp></s><small id="ilkcc"><tfoot id="ilkcc"><noframes id="ilkcc"></noframes></tfoot></small><dfn id="ilkcc"><span id="ilkcc"></span></dfn><button id="ilkcc"><dl id="ilkcc"><em id="ilkcc"></em></dl></button><dfn id="ilkcc"><optgroup id="ilkcc"><sub id="ilkcc"></sub></optgroup></dfn><strong id="ilkcc"><dfn id="ilkcc"><optgroup id="ilkcc"></optgroup></dfn></strong><mark id="ilkcc"><th id="ilkcc"><pre id="ilkcc"><tfoot id="ilkcc"></tfoot></pre></th></mark><li id="ilkcc"><dl id="ilkcc"><th id="ilkcc"></th></dl></li><video id="ilkcc"></video><acronym id="ilkcc"></acronym><pre id="ilkcc"></pre><sup id="ilkcc"></sup><code id="ilkcc"></code><wbr id="ilkcc"><ul id="ilkcc"><center id="ilkcc"></center></ul></wbr><menu id="ilkcc"><font id="ilkcc"></font></menu><abbr id="ilkcc"></abbr><button id="ilkcc"></button><center id="ilkcc"></center><pre id="ilkcc"><b id="ilkcc"></b></pre><ul id="ilkcc"><code id="ilkcc"><acronym id="ilkcc"></acronym></code></ul><sub id="ilkcc"></sub><sup id="ilkcc"><thead id="ilkcc"><nav id="ilkcc"></nav></thead></sup><listing id="ilkcc"><dfn id="ilkcc"><optgroup id="ilkcc"><pre id="ilkcc"></pre></optgroup></dfn></listing><xmp id="ilkcc"></xmp><style id="ilkcc"></style><small id="ilkcc"><pre id="ilkcc"><noframes id="ilkcc"></noframes></pre></small><dl id="ilkcc"></dl><mark id="ilkcc"><strong id="ilkcc"><center id="ilkcc"><label id="ilkcc"></label></center></strong></mark><samp id="ilkcc"><strong id="ilkcc"><mark id="ilkcc"></mark></strong></samp><big id="ilkcc"></big><code id="ilkcc"></code><input id="ilkcc"><xmp id="ilkcc"></xmp></input><font id="ilkcc"><menu id="ilkcc"><dd id="ilkcc"><small id="ilkcc"></small></dd></menu></font><tbody id="ilkcc"></tbody><abbr id="ilkcc"></abbr><object id="ilkcc"></object><sup id="ilkcc"></sup><menuitem id="ilkcc"><nobr id="ilkcc"><tr id="ilkcc"><nav id="ilkcc"></nav></tr></nobr></menuitem><tfoot id="ilkcc"><pre id="ilkcc"><span id="ilkcc"></span></pre></tfoot><video id="ilkcc"></video><sup id="ilkcc"><strong id="ilkcc"></strong></sup><meter id="ilkcc"></meter><strong id="ilkcc"></strong><source id="ilkcc"><dfn id="ilkcc"><td id="ilkcc"></td></dfn></source><button id="ilkcc"></button><dfn id="ilkcc"></dfn><option id="ilkcc"></option><blockquote id="ilkcc"></blockquote><wbr id="ilkcc"></wbr><td id="ilkcc"><kbd id="ilkcc"><div id="ilkcc"></div></kbd></td><dd id="ilkcc"><abbr id="ilkcc"><tfoot id="ilkcc"></tfoot></abbr></dd><wbr id="ilkcc"><ul id="ilkcc"></ul></wbr><kbd id="ilkcc"><strong id="ilkcc"><output id="ilkcc"></output></strong></kbd><wbr id="ilkcc"></wbr><nobr id="ilkcc"></nobr><ul id="ilkcc"><dl id="ilkcc"><tbody id="ilkcc"></tbody></dl></ul><th id="ilkcc"><dl id="ilkcc"><em id="ilkcc"></em></dl></th><input id="ilkcc"></input><ruby id="ilkcc"><strong id="ilkcc"><acronym id="ilkcc"></acronym></strong></ruby><strike id="ilkcc"></strike><dfn id="ilkcc"><listing id="ilkcc"><dfn id="ilkcc"></dfn></listing></dfn><menu id="ilkcc"><font id="ilkcc"><menu id="ilkcc"><dd id="ilkcc"></dd></menu></font></menu><sup id="ilkcc"></sup><em id="ilkcc"><td id="ilkcc"><form id="ilkcc"></form></td></em><td id="ilkcc"><kbd id="ilkcc"><th id="ilkcc"></th></kbd></td><dd id="ilkcc"></dd><pre id="ilkcc"></pre><dfn id="ilkcc"></dfn><dl id="ilkcc"></dl><dfn id="ilkcc"></dfn><rt id="ilkcc"><delect id="ilkcc"><rt id="ilkcc"></rt></delect></rt><strong id="ilkcc"><div id="ilkcc"></div></strong><ul id="ilkcc"></ul><menu id="ilkcc"><font id="ilkcc"></font></menu><sup id="ilkcc"></sup><mark id="ilkcc"></mark><kbd id="ilkcc"><strong id="ilkcc"><kbd id="ilkcc"></kbd></strong></kbd><var id="ilkcc"></var><th id="ilkcc"><dl id="ilkcc"></dl></th><th id="ilkcc"></th><rt id="ilkcc"><delect id="ilkcc"><style id="ilkcc"></style></delect></rt><button id="ilkcc"><dl id="ilkcc"><em id="ilkcc"></em></dl></button><fieldset id="ilkcc"><center id="ilkcc"><label id="ilkcc"></label></center></fieldset><tfoot id="ilkcc"><pre id="ilkcc"><tfoot id="ilkcc"></tfoot></pre></tfoot><ol id="ilkcc"></ol></div>
      
      </html>