# Feldeigenschaften

Feldbasierte Antworttypen können mit den folgenden feldbezogenen Eigenschaften angepasst werden.

## 📏 Größenanpassung

Da die Größe der Felder nicht festgelegt ist, können Sie sie vollständig mit einer benutzerdefinierten Breite und Höhe anpassen.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBhEHQX1dJgLFMgYGxh%2F-MBhFu6lfT2Ic4ivQi3-%2Fimage.png?alt=media\&token=1d466aa1-7ff8-4177-a848-e66be525b283)

{% hint style="info" %}
Das Erzwingen der Breite kann das responsive Layout auf mobilen Geräten beeinträchtigen. Erwägen Sie stattdessen, die Breite von Feldern mithilfe von [CSS](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/css) zu ändern und geeignete Größen basierend auf der Bildschirmbreite und dem Gerät des Befragten (Desktop, Mobil) festzulegen.  &#x20;
{% endhint %}

## &#x20;🔤 Einen Standardtext festlegen

Jedes Ihrer Felder kann mit einem Standardtext vorausgefüllt werden. Dieser Standardtext wird beim ersten Anzeigen der Umfrage für den Befragten als Feldwert gesetzt.&#x20;

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBhHWyAPXIyfmQgq0GD%2F-MBhIr3umJWtJPR116Lx%2Fimage.png?alt=media\&token=0f82f8a9-e5cf-489a-93f8-01e31e28c916)

{% hint style="info" %}
Sie können auch [pipe](https://docs.ngsurvey.com/de/form-management/form-designer/piping/text-data-piping) in Echtzeit Antworten von Befragten aus anderen Fragen in Ihr Feld einfügen, indem Sie das [pipe ](https://docs.ngsurvey.com/de/form-management/form-designer/piping/text-data-piping)Symbol verwenden.
{% endhint %}

## 📄 Wasserzeichen-Text

Der Wasserzeichen-Text wird im Feld angezeigt, solange der Feldwert leer ist; er verschwindet, sobald der Befragte eine Antwort in das Feld eingibt.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBhHWyAPXIyfmQgq0GD%2F-MBhJlatkh87bf1Aay37%2Fimage.png?alt=media\&token=88587eb7-3b54-4192-b23b-80d4a701d8cd)

## 🆘 Hilfetext

Ein Hilfetext kann als Hinweis unter dem Feld angezeigt werden. Sie können den Hilfetext auf der [Antwort-Eigenschaften](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-properties) Seite festlegen.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBhEHQX1dJgLFMgYGxh%2F-MBhGWSkJHCjfN-iTk0m%2Fimage.png?alt=media\&token=39e9622e-f100-41db-9d76-acb3208d749f)

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBhEHQX1dJgLFMgYGxh%2F-MBhGdt7DP_tE3GaHcRM%2Fimage.png?alt=media\&token=8d1e9aa2-9eba-4d58-9e95-8dbaaf01a5db)

## ⌨️ Eingabemodi

Der Eingabemodus gibt dem Gerät einen Hinweis, welche Art von Text vom Befragten eingegeben werden könnte. Diese Funktion ist auf Geräten mit virtuellen Tastaturen wie Mobilgeräten nützlich, da sie ihre virtuelle Tastatur basierend auf dem gewählten Eingabemodus anpassen. &#x20;

Zum Beispiel würde die Auswahl von numeric als Eingabemodus die virtuelle Tastatur des Mobilgeräts nur mit Zahlen-Tasten öffnen.&#x20;

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBxUVIo74XmsvfLNhjR%2F-MBxUoqMeQKMFYehwnTV%2Fimage.png?alt=media\&token=80116a27-76ac-4366-b8a0-ab270c16f729)

{% hint style="info" %}
Sie können [die Eingabemodus-Referenz](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) einsehen, um mehr über die verschiedenen Modi zu erfahren.
{% endhint %}

### ☑️ Javascript-Validierung <a href="#input-modes" id="input-modes"></a>

Es ist möglich, die Javascript-Validierung und die Eigenschaft Validation message auf dem [Antwort-Eigenschaften](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-properties/field-properties) zu setzen, um benutzerdefinierten JavaScript-Code zur Validierung Ihrer Antwort zu verwenden. \
\
Im folgenden Code wird respondentAnswerValue durch den tatsächlichen Wert des Feldes ersetzt. Wenn der Code false zurückgibt, blockiert ngSurvey das Absenden oder die Navigation und zeigt die Validierungsnachricht an.

```
return (respondentAnswerValue >= 18 && respondentAnswerValue <= 99);
```

Im folgenden Code verwenden wir getAnswer im Validation-Kontext, um einen Wert aus einer anderen Antwort in der Umfrage zu erhalten. Hier suchen wir eine Antwort, deren reporting alias auf "hh\_people" gesetzt ist.&#x20;

<pre><code><a data-footnote-ref href="#user-content-fn-1">re</a>turn (respondentAnswerValue &#x3C;= validationContext.getAnswer('hh_people'));
</code></pre>

Der Validation-Kontext unterstützt folgende Methoden und Eigenschaften

```typescript
export class ValidationContext {
   answer:Answer, // Aktuelle zu validierende Antwort
   question:Question, // Aktuelle Frage der zu validierenden Antwort
   questions:Question[], // Alle Fragen der Umfrage
   answers: Answer[];  // Alle Antworten der Umfrage

  public getAnswer(id: string): string // Gibt den Wert einer Antwort zurück, indem die reporting alias oder id nachgeschlagen wird
  public isSelectedAnswer(id: string, value: string): boolean // Sucht eine Frage anhand ihrer id oder ihres reporting alias und prüft, ob der angegebene Wert ausgewählt ist 
}

```

[^1]:
