¿Por qué los cuadros de contraseña son más pequeños que los cuadros de texto en IE?

Según Microsoft, cada vez que Internet Explorer proporciona la estructura de la página HTML, utiliza el conjunto de caracteres incorrecto incluso después de proporcionar el conjunto de caracteres correcto mediante la etiqueta META.

Parte HTML de la entrada del usuario: el siguiente código HTML muestra el formulario de entrada de contraseña general que funciona bien en Google Chrome, Firefox, Microsoft Edge pero no en IE . Los anchos de los cuadros de entrada son diferentes en el caso de IE, incluso si especificamos » charset=’UTF-8′ «.

<!DOCTYPE html>
<html>
  
<head>
  <meta charset="UTF-8">
  <title>GeeksforGeeks</title>
</head>
  
<body>
  <form>
    <p>
      <label>TEXT INPUT:</label>
      <br>
      <input type="text">
      <br>
      <label>PASSWORD INPUT:</label>
      <br>
      <input type="password">
    </p>
  </form>
</body>
  
</html>
<!DOCTYPE html>
<html>
  
<head>
  <meta charset="UTF-8">
  <title>GeeksforGeeks</title>
  
  <script src=
"https://code.jquery.com/jquery-3.5.1.min.js"
    integrity=
"sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
  </script>
    
  <script type="text/javascript">
    $(document).ready(function () {
      $("input[type='text']").height(
        $("input[type='password']").height());
  
      $("input[type='text']").width(
        $("input[type='password']").width());
    });
  </script>
</head>
  
<body>
  <form>
    <p>
      <label>TEXT INPUT:</label>
      <br>
      <input type="text">
      <br>
      <label>PASSWORD INPUT:</label>
      <br>
      <input type="password">
    </p>
  </form>
</body>
  
</html>

Publicación traducida automáticamente

Artículo escrito por 7maestro y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *