Има три вида на текстови полета за въвеждане: едноредов поле за въвеждане на текст, поле за въвеждане на парола и мулти-лайн текстови полета, наречена текстовото поле. текстови полета до една линия се определят с помощта на , има предвид, че полето, за да въведете паролата - с помощта на . В традиционния HTML форма елемент и двете поддържат едни и същи качества, посочени по-долу:

име = "уникален буквено-цифров име на полето"
ID = "уникален буквено-цифров име на полето"
MAXLENGTH = "максимален брой входни символи"
размер = "ширина вход площ вижда в символите"
стойност = "Стойността по подразбиране за полето" />

Таблица. Допълнителни характеристики и методи за въвеждане на елементи от тип "текст" и "парола"

Максималният брой символи, които могат да бъдат въведени в областта

Булева стойност, която показва възможността на потребителя да променя съдържанието на

Разпределя поле съдържание, например, в процес на подготовка за подмяна или за копиране в клипборда

Следващият пример демонстрира възможността за използване на текстови полета, както и техните свойства и методи, в това число и двете четене и задаване на стойности.

В близост до входните елементи от тип "текст" са описания , създаване на по няколко реда полета за въвеждане на текст. основният синтаксис <textarea> е както следва:</p> <p><textarea <br>име = "име на поле" <br>ID = "име на поле" <br>редове = "брой редове" <br>Графи = "броя на колоните"<br>Стандартният текст за полето<br>

Sgrogo казано, този елемент не е елемент . но съответния обект HTMLTextAreaElement има всички свойства и начините за въвеждане на елементи от тип "текст", както и допълнителни свойства, посочени в таблицата. В същото време, обаче, този обект не разполага с имущество MAXLENGTH.

Таблица. Уникалните свойства на обекта HTMLTextAreaElement

Широчината на полето за въвеждане на символи

Височината на знаците в района на входния

/>

/>

/>

Важна особеност ЕВРОВОК Тя е, че тя няма да осигури Vaeth-лесен начин да се определи максималният размер на съдържание е приемливо за влизане в областта. За браузъри, които поддържат големи събития, и по-специално onkeypress, можете да се ограничи количеството на вход по следния начин:</p> <p>Този сценарий няма да работи в много по-стари браузъри, защото те не поддържат обработката onkeypress събития. Ограничете поле безкрайна дължина в такива случаи е възможно чрез проверка на дължината на стойността на пазарната стойност на имота поле при смяна на съдържанието (или по време на формуляра за заявка) с последващо намаляване на дължината на предварително определен брой символи. Следващият пример илюстрира един възможен подход за решаването на този проблем:</p> <h4>Свързани статии</h4> <ul> <li> <p><a href="/experts/izchisleni-poleta-nasoki-i-zadachi.html">Изчислени полета - насоки и задачи</a></p> </li> <li> <p><a href="/experts/svojstvata-na-poletata.html">свойствата на полетата</a></p> </li> <li> <p><a href="/experts/szdavane-na-doplnitelni-poleta-v-wordpress-ueb.html">Създаване на допълнителни полета в WordPress, уеб сайт за вашия бизнес</a></p> </li> </ul> </div> <div class="article-share clearfix"> <button class="article-share__print" type="button"> <span class="print-title">Отпечатайте това</span> </button> <div class="article-share__btns"> <div class="article-share__title">Подкрепете проекта - споделете линка, благодаря!</div> </div> </div> <style> # mc-container { подложка: 10px; } </style> <div class="comments-area"> <div id="mc-container"> <div id="mc-content"> </div> </div> </div> <p> </p> <p> </p> <p> </p> </div> </div> </article> <aside class="main-sidebar"> <div id="text-2"> <div class="textwidget"> <p> <br> <br> <br> <br> </p> </div> </div> <div class="main-block b-orange experts-block"> <div class="main-block__title">Отговорите на експертите <br />на вашите въпроси</div> <div class="main-block__expertlist"> <div class="expertlist-cart"> <a href="/expert/68"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/08/hrunina.jpg" alt="Кхунина Анна Викторовна"></a> <a href="/expert/68" class="expertlist-cart__name"><span>Кхунина Анна Викторовна</span></a> <span class="expertlist-cart__desc">Съветник по кърменето</span> </div> <div class="expertlist-cart"> <a href="/expert/17"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/06/bibikova-elena.jpg" alt="Бибикова Елена Анатолиевна"></a> <a href="/expert/17" class="expertlist-cart__name"><span>Бибикова Елена Анатолиевна</span></a> <span class="expertlist-cart__desc">Психолог на семейната система</span> </div> <div class="expertlist-cart"> <a href="/expert/100"><img class="expertlist-cart__photo" src="/wp-content/uploads/2016/02/aniva-200.jpg" alt="Анна Нива"></a> <a href="/expert/100" class="expertlist-cart__name"><span>Анна Нива</span></a> <span class="expertlist-cart__desc">Учител по детска йога</span> </div> <a href="/experts/" class="ui-btn">Задайте въпрос</a> <div class="expertlist-cart__answers"> <a href="/experts/" class="link">Вижте експертни отговори</a> </div> </div> </div> <div class="main-block b-border"> <div class="main-block__title"><span class="title-wrapper">Най-важното</span></div> <ul class="main-block__important"> <li class="important-item"><a href="/experts/kak-da-se-zashhiti-ot-terorizma-i-zatova-ne-e.html" class="important-link" role="link">Как да се защити от тероризма и затова не е нужно да се борят с радикалния ислям</a></li> <li class="important-item"><a href="/experts/kak-da-se-otrvem-ot-mravki-zhivotni-svjat-na.html" class="important-link" role="link">Как да се отървем от мравки - животни - свят на насекоми</a></li> <li class="important-item"><a href="/journal/kak-da-se-razviva-govorimija-ezik-na-chuzhd-ezik.html" class="important-link" role="link">Как да се развива говоримия език на чужд език</a></li> <li class="important-item"><a href="/journal/kak-da-se-boja-na-stenata-otnovo-ako-se-obeli.html" class="important-link" role="link">Как да се боя на стената отново, ако се обели боята, лесно да се изгради</a></li> <li class="important-item"><a href="/experts/kak-da-se-napravi-edin-mzh-vi-tretira-s-umilenie.html" class="important-link" role="link">Как да се направи един мъж ви третира с умиление постоянно</a></li> </ul></div> </aside> </main> <footer id="footer" class="page-padding clearfix" role="contentinfo"> <div class="footer-col"> <div class="footer-logo"> <a href="/" rel="nofollow" title="Към началната страница"><img class="footer-logo__img" src="/wp-content/themes/kids2015/img/ui/ui_logo-small.png" alt="test.test"></a> <span class="footer-logo__desc">Всичко за децата <br />от раждането до училището</span> </div> <p class="footer-copyright">© 2013-2024. Портал за родителите "Всичко за децата".<br />Копирането на материали е разрешено само при посочване на активната хипервръзка към източника.</p> <div class="footer-counters"> <div class="footer-counters__item"> <!--LiveInternet counter--><script> new Image().src = "https://counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script><!--/LiveInternet--> </div> </div> </div> <div class="footer-col"> <div class="footer-nav__header">информация</div> <ul class="footer-nav"> <li class="footer-nav__item"> <a href="/about/" role="link">За проекта</a> </li> <li class="footer-nav__item"> <a href="/privacy.html">Политика за поверителност</a> </li> <li class="footer-nav__item"> <a href="/sitemap/" role="link">Карта на сайта</a> </li> <li class="footer-nav__item"> <a href="/about/advertise/" class="red-text" role="link">Рекламно разположение</a> </li> </ul> </div> <div class="footer-col"> <!--noindex--> <div class="footer-subscribe"> </div> <div class="footer-recommend"> Моля, подкрепете проекта - разкажете ни за социалните мрежи! </div> <!--/noindex--> </div> </footer> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script> jQuery(function(f){ console.log(1); f('.advads-close-button').fadeOut(0); f(window).scroll(function(){ var element = f('#adv-scrool-4438ffc39d0'); var offset_element_for_hide = jQuery(document).height(); if(f(this).scrollTop() > 500){ setTimeout(function(f) {f('.advads-close-button').fadeIn(0);}, 10000, f); element.fadeIn(0); } if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){ element.fadeOut(0); } }); }); </script> <script>window.jQuery || document.write('<script src="/wp-content/themes/kids2015/js/libs/jquery-1.11.2.min.js"><\/script>')</script> <script src="http://code.jquery.com/jquery-migrate-1.4.0.js"></script> <script src="/wp-content/themes/kids2015/js/libs/jquery.magnific-popup.min.js"></script> <script src="/wp-content/themes/kids2015/js/libs/alertify.min.js"></script> <script src="/wp-content/themes/kids2015/js/work.js"></script> </section> <button id="scrollUp" type="button" title="Обратно горе"></button></div> </body> </html>