ПредишенСледващото

Тя ще изглежда - проста задача. Но ако търсите плъгини или скриптове, които са посветени на тази тема, ще откриете неприятна изненада - те са твърде сложни за решаване на такъв прост въпрос. Повечето от тях използват сложни математически изчисления, въпреки че има по-лесен начин.

Ние използваме скрит елемент на клониране.

Ключовият момент на това решение е на CSS кода. Както бе споменато по-горе, невидим клонинг да има същите свойства като типографски текстово поле елемент. Списъкът включва не само нужния размер и шрифт семейство. но също така и на свойствата на бяло пространство и думата обвивка. като клонинг да симулира всичко, което се случва вътре в елемента на текстовото поле.

Текстово поле елемент за CSS код е както следва:

CSS Следният код се използва за клониране на скрити елементи:

Ние използваме дисплея на имущество: няма. да се направи елемент невидим за потребителя. Най-вероятно такова решение е подходящ за четене от екран програми.

Също така се използва имот бяло пространство със стойност "предварително обвивка", за да прехвърлите правилно линии. Ширина клонинг текстово поле елемент е широчината на елемента. Освен идентичен комплект няколко други свойства, включително мин височината.

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

Използване keyup събитие е също добър пример, тъй като активен елемент, често се използва, когато входът за употреба.

И това, което се случва в IE6-8?

Въпреки това, дълги линии, без разделение продължават да правят грешки в процеса. Поради това е необходимо да се използва думата обвивка имот: разпадането дума за клониране на елемент.

Автоматично преоразмеряване размер текстово поле елемент
Автоматично преоразмеряване размер текстово поле елемент

Автоматично преоразмеряване размер текстово поле елемент

До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!

Автоматично преоразмеряване размер текстово поле елемент

Автоматично преоразмеряване размер текстово поле елемент

Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!

Автоматично преоразмеряване размер текстово поле елемент

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Автоматично преоразмеряване размер текстово поле елемент

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!

Свързани статии

Подкрепете проекта - споделете линка, благодаря!