ввод текста с использованием других HTML-элементов в качестве дочерних, аналогично текстовому полю Google + / Facebook - PullRequest
1 голос
/ 08 июля 2011

Я хочу создать пользовательский элемент управления, который будет работать так же, как текстовое поле Google+ и Facebook У того, который выглядит так, есть дочерние элементы html.

Пожалуйста, посмотрите на следующие изображения:
enter image description here enter image description here enter image description here

Ответы [ 2 ]

2 голосов
/ 08 июля 2011

Вам необходимо расположить элементы с помощью css.Оберните вход и другой элемент, который вы хотите, во входе внутри элемента, установите его position:relative;, затем определите элемент, который вы хотите внутри ввода, с помощью position:absolute и установите его свойства top и left равными 0 илидругое значение, соответствующее вашей цели.

пример: http://jsfiddle.net/niklasvh/eZAU6/

1 голос
/ 27 декабря 2011

Еще один ответ для сообщества: если вы проверяете такой «ввод текста» с помощью функции «Проверка элемента» в Google Chrome, вы увидите, что на самом деле это не элемент ввода: это элемент DIV с дочерним (и без полей) вводом.элемент с тем же цветом BG.Когда элемент div получает фокус, он передает его на внутренний (и без полей) ввод, чтобы вы могли что-то написать.Когда вы выбираете элемент, новая запись создается и вставляется в div ДО внутреннего элемента ввода.

...