comment voulez-vous augmenter la hauteur d'une zone de texte html

Comment voulez-vous augmenter la hauteur d'une zone de texte? (avec sa taille de police)

  • vous ne devriez pas utiliser explicite pt ou px mesures pour le css, vous devez toujours utiliser les services pour une meilleure accessibilité.
  • Je vais avoir le même problème, la hauteur ne fonctionne pas 🙁 codepen.io/leongaban/stylo/Eknsc c'est à cause de la recherche, je vais poster une nouvelle question demain
InformationsquelleAutor mrblah | 2009-07-20
  1. 49

    Je suis en supposant que de la façon dont vous avez formulé la question que vous souhaitez modifier la taille après que la page a rendu?

    En Javascript, vous pouvez manipuler DOM des propriétés CSS, par exemple:

    document.getElementById('textboxid').style.height="200px";
document.getElementById('textboxid').style.fontSize="14pt";

    Tout simplement si vous souhaitez spécifier la hauteur et la taille de la police, de l'utilisation des CSS ou des attributs de style, par exemple

    //in your CSS file or <style> tag
#textboxid
{
    height:200px;
    font-size:14pt;
}

<!--in your HTML-->
<input id="textboxid" ...>

    Ou

    <input style="height:200px;font-size:14pt;" .....>
    InformationsquelleAutor Paul Dixon
  2. 25

    Notez que si vous voulez une zone de texte multi-ligne, vous devez utiliser un <textarea> au lieu d'une <input type="text">.

    InformationsquelleAutor Jan Aagaard
  3. 8

    L'augmentation de la taille de la police sur une zone de texte sera généralement étendre sa taille automatiquement.

    <input type="text" style="font-size:16pt;">

    Si vous souhaitez définir une hauteur qui n'est pas proportionnelle à la taille de la police, je vous conseille d'utiliser quelque chose comme ce qui suit. Cela empêche les navigateurs comme IE de rendre le texte à l'intérieur en haut plutôt que centrée verticalement.

    .form-text{
    padding:15px 0;
}
    • Bon point, en raison de la question que j'avais en supposant qu'il voulait pour définir à la fois, cependant, si c'est pour augmenter la taille de la zone de texte pour l'adapter à la taille du texte, puis ce serait la solution idéale.
    InformationsquelleAutor Sam152
  4. 4
    <input type="text" style="font-size:xxpt;height:xxpx">

    Il suffit de remplacer "xx" avec quelles que soient les valeurs que vous souhaitez.

    • cela rend le rendu du texte à partir de la verticale du centre de la zone de texte , comment l'éviter?
    InformationsquelleAutor user
  5. 1

    • Avec style en ligne:

      <input type="text" style="font-size: 18pt; height: 40px; width:280px; ">

    • ou avec l'exception de CSS:

      HTML:

      <input type="text" id="txtbox">

      CSS:

      #txtbox {
    font-size: 18pt;
    height: 42px;
    width : 300px;
}
    • Lorsque vous affichez des exemples de code, aussi poster des explications pour eux.
    InformationsquelleAutor Janarthanan Ramu
  6. 1

    Si vous souhaitez que plusieurs lignes considérez ceci:

    <textarea rows="2"></textarea>

    Spécifier de lignes que nécessaire.

    InformationsquelleAutor Gayan Dasanayake
  7. 0

    Ne pas le height et font-size propriétés CSS pour vous ?

    InformationsquelleAutor Cerebrus
  8. 0

    Utiliser les CSS:

    <html>
<head>
<style>
.Large
{
    font-size: 16pt;
    height: 50px;
}
</style>
<body>
<input type="text" class="Large">
</body>
</html>
    • Pourquoi êtes-vous à l'aide de pt?
    InformationsquelleAutor James