Hur du formaterar i Textarea

Använda " textarea " HTML -taggen skapar en styrenhet för visning av flera rader text på en webbsida . Denna kontrollenhet kommunicerar informationen i en iögonfallande mode , och det är ett perfekt verktyg för webbutvecklare att använda . Det enklaste exemplet på detta är "Hello , World ! " < /Textarea > , vilket skapar en textruta som innehåller meddelandet "Hello , World ! " Formatera en textarea kan tyckas en komplicerad övning . Dock kommer följande enkla steg visar flera grundläggande tekniker textarea formatering . Instruktioner <br> 1 <p> Bestäm storleken på textarea ska visas på sidan . Detta bör beaktas i termer av synliga rader och kolumner. Använd " v " och " cols " attribut för att placera dessa i taggen . Till exempel skapar <textarea rows=2, cols=20> en textarea som är två rader text tall med 20 tecken bred . <br> 2 <p> Bestäm önskad text - omslag alternativet . Lägg faktiska radbrytningar till en text genom att välja " hårda " alternativ för " wrap " attribut . Den " mjuka " alternativet skapar en illusion av radbrytningar , men det behöver inte lägga faktiska avbrott i texten . Den " none" alternativet kommer inte linda texten alls , vilket kan dölja uppgifter om textarea storleken är inte stor nog för texten . Använd " wrap " -attributet för att inkludera detta beslut . Till exempel skapar <textarea rows=2 cols=20 wrap="hard"> en text där informationen kommer att avsluta texten och lägga radbrytningar . <br> 3 <p> Använda teckensnitt stilar kan göra stor skillnad i presentationen . Men en typisk HTML-formatering kod , t.ex. <i> < /i> för italicizing , som resulterar i de koder skrivs ordagrant istället för att genomföras . En annan praxis som krävs för att utföra den önskade effekten . Använd " stil " attribut för att lägga till kursiv eller fet - vända . Exempelvis <textarea rows=2 cols=20 wrap="soft" style="font-weight=bold; font-style=italic;"> Hej världen! < /Textarea > skapar en textruta som innehåller ett boldfaced , kursiv " Hej världen! " budskap . Addera <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/87215.html' >Hur du återställer ett Bunden kolumn </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/87217.html' >Konvertera en datumstämpel </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86367.html" title="Hur man skriver en algoritm av ordning n LGN för att kontrollera om två givna ord Är Anagram " target="_self">Hur man skriver en algoritm av ordning n LGN för att k…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87896.html" title="Vilket format är Silverlight " target="_self">Vilket format är Silverlight </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88458.html" title="Hur man sätter in en BMP bild i QuickBasic " target="_self">Hur man sätter in en BMP bild i QuickBasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86937.html" title="Hur man får betalt för att göra en Facebook App " target="_self">Hur man får betalt för att göra en Facebook App </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87200.html" title="Hur du byter från GW - BASIC till QBasic " target="_self">Hur du byter från GW - BASIC till QBasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88602.html" title="Hur man installerar QBasic Med Windows XP " target="_self">Hur man installerar QBasic Med Windows XP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88280.html" title="Hur får man den Shell Script för att stoppa på det första felet " target="_self">Hur får man den Shell Script för att stoppa på det f…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88697.html" title="Hur att åtgärda fel i program " target="_self">Hur att åtgärda fel i program </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88442.html" title="Hur man öppnar en NPP fil Made by Art Explosion " target="_self">Hur man öppnar en NPP fil Made by Art Explosion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87224.html" title="Hur man gör vBulletin Styles " target="_self">Hur man gör vBulletin Styles </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85544.html" title="Udda /jämn funktion i C-programmering " target="_self">Udda /jämn funktion i C-programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88519.html" title="Vad är Client Server Programmering " target="_self">Vad är Client Server Programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89440.html" title="Hur Kasta visningsparameter på Android " target="_self">Hur Kasta visningsparameter på Android </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89441.html" title="Hur Använd kombinationsrutan med NetBeans GUI " target="_self">Hur Använd kombinationsrutan med NetBeans GUI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95333.html" title="Handledning om hur du aktiverar Drag & Drop Visual Basic 2005 " target="_self">Handledning om hur du aktiverar Drag & Drop Visual Basi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85675.html" title="Så här visar du en String bakåt i C " target="_self">Så här visar du en String bakåt i C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/86179.html" title="Så här importerar modeller I GTK Radiant " target="_self">Så här importerar modeller I GTK Radiant </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94298.html" title="Datatyp VBScript Funktioner " target="_self">Datatyp VBScript Funktioner </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85674.html" title="Så se anropsstacken i GDB " target="_self">Så se anropsstacken i GDB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95583.html" title="Lägga till en ODBC Selection till VB.NET " target="_self">Lägga till en ODBC Selection till VB.NET </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>