Hoe te formatteren in Textarea

Welkom op de Nederland Computer Kennisnetwerk!

Zoeken computer kennis

* Computer Kennis >> Programmering >> Computer Programming Languages >> Content

Hoe te formatteren in Textarea

Het gebruik van de " textarea " HTML -tag een controller voor het weergeven van meerdere regels tekst op een webpagina creëert . Deze controller communiceert informatie op een opvallende manier , en het is een perfecte tool voor webontwikkelaars om te gebruiken . Het eenvoudigste voorbeeld hiervan is

" Hello, World ! " < /Textarea > , die een tekstvak met daarin de boodschap creëert " Hello, World ! " Formatteren van een textarea kan een ingewikkelde oefening lijken . Toch zal de volgende eenvoudige stappen te tonen een aantal basis textarea opmaak technieken . Instructies <br> 1 <p> Bepaal de grootte van het tekstveld weer te geven op de pagina . Dit moet worden gezien in termen van zichtbare rijen en kolommen . Gebruik de " regels " en " cols " attributen om deze te positioneren in de tag . Bijvoorbeeld , <textarea rows=2, cols=20> creëert een textarea die twee regels tekst hoog met 20 tekens breed . Kopen van 2 <p> Bepaal de tekstterugloopstijl voorkeur. Voeg werkelijke regeleinden om een tekst door het selecteren van de " harde " optie voor het kenmerk " wrap " . De " zachte " optie creëert de illusie van de lijn breekt, maar het is niet de werkelijke pauzes toe te voegen aan de tekst . De optie "geen" zal de tekst niet wrap helemaal , dit kan informatie verduisteren als de textarea grootte is niet groot genoeg voor de tekst . Gebruik het kenmerk " wrap " om deze beslissing te nemen. Bijvoorbeeld , <textarea rows=2 cols=20 wrap="hard"> creëert een tekstvak waar de gegevens van de tekst zal verpakken en voeg regeleinden . <br> 3 <p> gebruiken lettertype stijlen kan nogal een verschil in presentatie te maken . Echter , een typische HTML- opmaak -code , zoals <i> < /i > voor cursief , resulteert in de codes wordt letterlijk afgedrukt in plaats van te worden geïmplementeerd . Een andere praktijk is vereist om het gewenste effect te voeren . Gebruik het kenmerk "stijl " om cursief of vet - geconfronteerd voegen . Bijvoorbeeld , <textarea rows=2 cols=20 wrap="soft" style="font-weight=bold; font-style=italic;"> Hallo , wereld! < /Textarea > creëert een tekstvak met daarin een vetgedrukt , cursief " Hallo , wereld! " bericht . <br> <br></td>
          </tr>
        </table>
        <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
          <tr>
            <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
          </tr>
        </table>
        <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
          <tr>
            <td  align=left>Previous: <a class='LinkPrevArticle' href='/programmering/computer-programming-languages/201309/87215.html' >Hoe maak je een Afhankelijke kolom Reset </a></li>  </td>
            <td  align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/87217.html'  >Hoe maak je een Datestamp converteren </a></li> </td>
          </tr>
        </table>

</td>
    </tr>
  </table>
  <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
    <tr>
      <td></td>
    </tr>
  </table>
  <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
    <tr>
      <td height=246 vAlign=top width=199>
        <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
          <tr>
            <td height=244 vAlign=top width=197>
              <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
                <tr>
                  <td height=29 width="4%"> </td>
                  <td width="96%"><STRONG>Computer Programming Languages</STRONG></td>
                </tr>
              </table>
            <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86331.html" title="GCC Systeem Functie " target="_self">GCC Systeem Functie </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86399.html" title="De effecten van buffer overflows & Format Strings on Program Flow " target="_self">De effecten van buffer overflo…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88155.html" title="Hoe te Surface Detail In het 3D-modellen " target="_self">Hoe te Surface Detail In het 3…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86737.html" title="Common Lisp & HTML Rendering Engine Binding " target="_self">Common Lisp & HTML Rendering E…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86509.html" title="Hoe te MATLAB gebruiken Zonder Desktop " target="_self">Hoe te MATLAB gebruiken Zonder…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87017.html" title="Hoe te Booleaanse Script Gebruik " target="_self">Hoe te Booleaanse Script Gebru…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86849.html" title="Frequente Patronen in Boom algoritmen " target="_self">Frequente Patronen in Boom alg…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87055.html" title="Hoe te Binary Registerwaarden converteren naar String " target="_self">Hoe te Binary Registerwaarden …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87403.html" title="Hoe naar Place vervolgkeuzelijsten in DataGrids in Asp.NET " target="_self">Hoe naar Place vervolgkeuzelij…</a></td></tr><tr></tr></table></td>
          </tr>
        </table>
      </td>
      <td vAlign=top width=12></td>
      <td vAlign=top width=375>
        <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
          <tr>
            <td height=244 vAlign=top>
              <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
                <tr>
                  <td height=29 width="4%"> </td>
                  <td width="96%"><STRONG>Related Articles</STRONG></td>
                </tr>
              </table>
              <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
                <tr>
                  <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
                  <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
      <td vAlign=top width=8></td>
      <td vAlign=top width=376>
        <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
          <tr>
            <td height=244 vAlign=top>
              <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
                <tr>
                  <td height=29 width="4%"> </td>
                  <td width="96%"><STRONG>Programmering Articles</STRONG></td>
                </tr>
              </table>
              <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
                <tr>
                  <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
                  <td width="67%">
                  <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95033.html" title="Hoe de Select Commando in de DataGrid in Asp.net " target="_self">Hoe de Select Commando in de DataGrid in…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92219.html" title="Hoe te Output Flush tijdens verwerking in PHP " target="_self">Hoe te Output Flush tijdens verwerking i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88913.html" title="Hoe maak je een Bit Shift in Perform C + + " target="_self">Hoe maak je een Bit Shift in Perform C +…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89833.html" title="Hoe controleert de Heap Size van een JVM " target="_self">Hoe controleert de Heap Size van een JVM…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87879.html" title="Hoe te Program Sudoku " target="_self">Hoe te Program Sudoku </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85466.html" title="Hoe te CPP compileren met Visual Studio " target="_self">Hoe te CPP compileren met Visual Studio </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92514.html" title="Hoe te iFrame invoegen Met PHP " target="_self">Hoe te iFrame invoegen Met PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90947.html" title="Hoe maak je een knop Download een bestand in HTML " target="_self">Hoe maak je een knop Download een bestan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91936.html" title="Verschillen tussen AddHandler & AddType " target="_self">Verschillen tussen AddHandler & AddType </a></td></tr><tr></tr></table></td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
    <tr>
      <td></td>
    </tr>
  </table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
    <tr>
      <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
    </tr>
  </table>
  <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
    <tr>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>