// Устанавливаем прозрачный текст первого текстового поля
textBox.setWatermarkText("Текстовое поле 1");
// Создаем второе текстовое поле
var textBox2 = new PP.Ui.TextBox({
    ParentNode: "TL", // Идентификатор родительского контейнера	
    EnableEdit: true, // Возможность редактирования
    MaxLength: 24, // Максимальная длина текста в компоненте
    IsPassword: true // Признак скрытия текста
});
// Устанавливаем текст второму текстовому полю
textBox2.setContent("Текстовое поле 2");
// Устанавливаем обработчик события снятия фокуса
textBox.Blur.add(function (sender, args, timeout) {
    console.log("Инициировано событие Blur")
});
// Устанавливаем обработчик события установки фокуса
textBox2.Focus.add(function (sender, args, timeout) {
    console.log("Инициировано событие Focus")
});
// Устанавливаем обработчик события нажатия на фоновую картинку
textBox.ImageClick.add(function (sender, args, timeout) {
    console.log("Инициировано событие ImageClick")
});
// Устанавливаем обработчик события зажатия кнопки мыши на фоновой картинке
textBox.ImageMouseDown.add(function (sender, args, timeout) {
    console.log("Инициировано событие ImageMouseDown")
});
// Устанавливаем обработчик события отпускания кнопки мыши у фоновой картинки
textBox.ImageMouseUp.add(function (sender, args, timeout) {
    console.log("Инициировано событие ImageMouseUp")
});
// Устанавливаем фокус в первое текстовое поле
textBox.setFocus();
// Снимаем фокус у первого текстового поля
textBox.blur(); 
// Устанавливаем фокус во второе текстовое поле
textBox2.setFocus();