Платформа 3V/Формы/Компоненты/Основные/Текстовое поле: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
 
(не показано 8 промежуточных версий 1 участника)
Строка 1: Строка 1:
{}
+
{{DISPLAYTITLE:Текстовое поле}}
'''Текстовое поле''' - поле ввода коротких текстовых значений.  
+
[[Файл:Новый компонент. Текстовое поле.png|слева|400px|border]] <br clear="both" />
<div class="NavFrame collapsed">
+
'''Текстовое поле''' - поле ввода коротких текстовых значений. </br>
 +
__TOC__
 +
<br>
 +
<div class="NavFrame collapsed" style="width:900px;">
 
   <div class="NavHead"> Описание настроек компонента</div>
 
   <div class="NavHead"> Описание настроек компонента</div>
 
   <div class="NavContent"> </br>
 
   <div class="NavContent"> </br>
Строка 39: Строка 42:
 
|-
 
|-
 
|}
 
|}
 
+
</br>
</div></div> </br>
+
</div></div>
  
 
== Добавить поле ==
 
== Добавить поле ==
Строка 53: Строка 56:
 
Чтобы до взаимодействия пользователя с элементом в нём отображался требуемый текст следует задать его в настройке "Текст-заполнитель"
 
Чтобы до взаимодействия пользователя с элементом в нём отображался требуемый текст следует задать его в настройке "Текст-заполнитель"
  
[[Файл:Форма. Текстовый компонент.png|слева]]
+
[[Файл:Форма. Текстовый компонент.png|слева]] <br clear = "both"> </br>
  
 
== Изменить размер поля ==
 
== Изменить размер поля ==
Строка 62: Строка 65:
 
! Название в конструкторе !! Название в JSON !! Размер в пикселях
 
! Название в конструкторе !! Название в JSON !! Размер в пикселях
 
|-
 
|-
| Маленькое ||  small || 24px.
+
| Маленькое ||  small || 24px
 +
|-
 +
| По умолчанию ||  default || 32px
 
|-
 
|-
 
| Среднее||  medium || 40px
 
| Среднее||  medium || 40px
 
|-
 
|-
 
| Большое ||  large ||  48px
 
| Большое ||  large ||  48px
|-
 
| По умолчанию ||  default || 32px
 
 
|-
 
|-
 
|}
 
|}
Строка 89: Строка 92:
 
| Отобразить маску ввода || false
 
| Отобразить маску ввода || false
 
|-
 
|-
 +
|}
 +
 +
'''Варианты настройки маски:'''
 +
{| class="wikitable"
 +
|-
 +
! Описание !! Обозначение
 +
|-
 +
| русские буквы и цифры || F
 +
|-
 +
| только русские буквы  || W
 +
|-
 +
| только маленькие русские буквы || r
 +
|-
 +
| только большие русские буквы || R
 +
|-
 +
| русские и английские буквы и цифры || C
 +
|-
 +
| только русские и английские буквы || G
 +
|-
 +
| только большие русские и английские буквы || V
 +
|-
 +
| только маленькие русские и английские буквы || v
 
|}
 
|}
  

Текущая версия на 12:51, 6 декабря 2022

Новый компонент. Текстовое поле.png


Текстовое поле - поле ввода коротких текстовых значений.


Добавить поле

Элемент можно добавить через конструктор
Добавление элемента через конструктор.png

Настроить заголовок

Для настройки заголовка достаточно задать его в настройке "Заголовок".
инпут заголовок.png

Настроить подсказку

Для настройки всплывающего окна при наведении на поле достаточно задать его текст в настройке "Подсказка"

Изменить текст-заполнитель

Чтобы до взаимодействия пользователя с элементом в нём отображался требуемый текст следует задать его в настройке "Текст-заполнитель"

Форма. Текстовый компонент.png



Изменить размер поля

Размер элемента следует задавать в настройке "Размер поля".

Соответствие размера
Название в конструкторе Название в JSON Размер в пикселях
Маленькое small 24px
По умолчанию default 32px
Среднее medium 40px
Большое large 48px

Типизировать

Для того, чтобы типизировать ввод в элемент требуется задать предшествующее значение вводимому и маску ввода в настройках "Префикс" и "Маска ввода".


Пример
Для того, чтобы настроить компонент следующего вида Форма. Текстовый компонент с маской и префиксом.gif требуется задать следующие настройки:

Настройки компонента
Название Значение
Префикс +7
Маска ввода (000)-000-00-00
Отобразить маску ввода false

Варианты настройки маски:

Описание Обозначение
русские буквы и цифры F
только русские буквы W
только маленькие русские буквы r
только большие русские буквы R
русские и английские буквы и цифры C
только русские и английские буквы G
только большие русские и английские буквы V
только маленькие русские и английские буквы v

Настроить источник данных

Для того, чтобы настроить источник данных нужно создать шаблон и настроить его атрибут. Подробнее...

Настроить действия на изменение значения поля

Для того, чтобы настроить действия нужно создать шаблон с определёнными настройками. Подробнее...

Задать правила видимости и доступности редактирования

Для того, чтобы настроить правила нужно создать шаблон с определёнными настройками. Подробнее...

Настроить права доступа

Подробнее о правах доступа можно узнать здесь.