[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/html\/pseudoclases-de-entrada-aprende-html\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/html\/pseudoclases-de-entrada-aprende-html\/","headline":"Pseudoclases de entrada: aprende HTML","name":"Pseudoclases de entrada: aprende HTML","description":"Hay varias pseudoclases destinadas a dise\u00f1ar formularios HTML de acuerdo con su configuraci\u00f3n. Comprobado La pseudoclase CSS: active define los estilos que se utilizar\u00e1n para ... <a title=\"Pseudoclases de entrada: aprende HTML\" class=\"read-more\" href=\"https:\/\/xn--adrimadiseo-beb.com\/html\/pseudoclases-de-entrada-aprende-html\/\" aria-label=\"M\u00e1s en Pseudoclases de entrada: aprende HTML\">Leer m\u00e1s<\/a>","datePublished":"2021-06-22","dateModified":"2021-06-22","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/learn-html.org_.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/learn-html.org_.png","height":200,"width":200},"url":"https:\/\/xn--adrimadiseo-beb.com\/html\/pseudoclases-de-entrada-aprende-html\/","about":["Html"],"wordCount":234,"articleBody":"Hay varias pseudoclases destinadas a dise\u00f1ar formularios HTML de acuerdo con su configuraci\u00f3n.ComprobadoLa pseudoclase CSS: active define los estilos que se utilizar\u00e1n para un elemento de casilla de verificaci\u00f3n en un estado marcado&lt;style&gt;input:checked {    margin-left: 50px;}&lt;\/style&gt;&lt;form&gt;    &lt;p&gt;&lt;input type=\"checkbox\"&gt; First Option&lt;\/p&gt;    &lt;p&gt;&lt;input type=\"checkbox\"&gt; Second Option&lt;\/p&gt;    &lt;p&gt;&lt;input type=\"checkbox\"&gt; Third Option&lt;\/p&gt;        &lt;\/form&gt;Entradas de formulario habilitadas y deshabilitadasLa pseudoclase CSS: enabled y: disabled define los estilos que se usar\u00e1n seg\u00fan si un campo de entrada de formulario est\u00e1 habilitado o deshabilitado.&lt;style&gt;input:disabled {    color: gray;    }input:enabled {    font-weight: bold;    }&lt;\/style&gt;&lt;form&gt;    &lt;p&gt;&lt;input type=\"text\" value=\"First Option\"&gt;&lt;\/p&gt;    &lt;p&gt;&lt;input type=\"text\" value=\"Second Option\"&gt;&lt;\/p&gt;    &lt;p&gt;&lt;input type=\"text\" value=\"Third Option\"&gt;&lt;\/p&gt;        &lt;\/form&gt;Opcional y obligatorioSolo lectura y lectura-escrituraV\u00e1lido e inv\u00e1lidoDentro y fuera de rangoEjercicioEsta p\u00e1gina a\u00fan no tiene un ejercicio.  Le invitamos a contribuir con uno envi\u00e1ndome una solicitud de extracci\u00f3n:https:\/\/github.com\/ronreiter\/interactive-tutorials                                                                                                                                                                                                                                                                                                                                                                    4.2        \/        5        (        401                    votos                )    "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Html","item":"https:\/\/xn--adrimadiseo-beb.com\/html\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"Pseudoclases de entrada: aprende HTML","item":"https:\/\/xn--adrimadiseo-beb.com\/html\/pseudoclases-de-entrada-aprende-html\/#breadcrumbitem"}]}]