почтовые адреса, такие как hotmail

Question

Я не знаю, как это называется, поэтому мне трудно найти какую-либо ссылку в сети для этого. В горячей почте, когда вы вводите электронное письмо, оно помещает электронное письмо в прямоугольный блок один за другим на одной строке с опциями редактирования и удаления электронного письма. Что это такое, и есть ли примеры кода / фреймворков для реализации чего-то подобного?

Спасибо.

Answer 1

Обычно это UL, и внутри него у вас есть LI, которые являются элементами, стилизованными под рамку вокруг них (электронные письма, в вашем случае), или рамкой INPUT без полей, которая вписывается в окружение UL того же фона.Код JavaScript обрабатывает удаление и вставку блоков LI s в соответствии с вводом с клавиатуры.Я не знаю о поддержке платформы для этого, но это может существовать.

РЕДАКТИРОВАТЬ: Это существует.http://plugins.jquery.com/plugin-tags/tags для параметров jQuery.

Answer 2

Я искал то же самое и после поиска исходного кода для него. Кажется, что они используют UL, как сказал Амадан, но он настроен так:

<div id="container">
    <ul id="email_list">
       <li class="email_token valid" id="a@a.com" email="a@a.com">
            <p>a@a.com</p>
            <span class="delete_link">x</span>
       </li>
       <li class="email_token valid" id="b@b.com" email="b@b.com">
            <p>b@b.com</p>
            <span class="delete_link">x</span>
       </li>
       <li class="email_input_container">
            <textarea class="email_input_field"></textarea>
       </li>
    </ul>
</div>

РЕДАКТИРОВАТЬ: Я в конечном итоге реализовать его, и он работает прекрасно!

Answer 3

Попробуйте использовать Firefox + Firebug для проверки элементов в hotmail. Это поможет вам узнать себя.