[{"data":1,"prerenderedAt":361},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Finput-field-settings":3},{"id":4,"title":5,"body":6,"category":335,"description":336,"extension":337,"keywords":338,"meta":351,"navigation":352,"order":353,"path":354,"published":355,"rawbody":356,"seo":357,"stem":358,"updated":359,"__hash__":360},"helpDe\u002Fhelp\u002Finput-fields\u002Finput-field-settings.de.md","Einstellungen eines Input-Felds",{"type":7,"value":8,"toc":328},"minimark",[9,41,56,64,68,77,145,148,157,164,196,199,214,227,233,236,261,264,297,300,303],[10,11,12,13,17,18,22,23,26,27,30,31,34,35,40],"p",{},"Im ",[14,15,16],"place",{},"Input Fields View"," hat jedes Input-Feld Einstellungen. Mit ",[19,20,21],"strong",{},"Title",", ",[19,24,25],{},"Description"," und ",[19,28,29],{},"Variable name"," legst du fest, wie Nutzer das Input-Feld im ",[14,32,33],{},"Design-Generator"," verstehen und wie du seinen Wert in Expressions verwendest. Wie du ein Input-Feld anlegst, steht in ",[36,37,39],"a",{"href":38},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field","Input-Feld erstellen: Text oder Bild änderbar machen",".",[10,42,43,44,22,46,26,48,51,52,55],{},"Die Einstellungen öffnest du mit dem Zahnrad rechts im Input-Feld. Oben stehen ",[19,45,29],{},[19,47,21],{},[19,49,50],{},"Description (tooltip with more information)",", darunter die Einstellungen des Feldtyps. Mit ",[19,53,54],{},"Done"," schließt du sie.",[10,57,58],{},[59,60],"img",{"alt":61,"src":62,"width":63},"Einstellungen eines Image-Input-Felds: Variable name, Title, Description und die Bildoptionen.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-title-01\u002Fpublic",335,[65,66,21],"h2",{"id":67},"title",[10,69,70,71,73,74,76],{},"Der ",[19,72,21],{}," sagt Nutzern, wofür das Input-Feld da ist, zum Beispiel „Headline“ oder „Logo“. Sie sehen ihn im ",[14,75,33],{}," über dem Input-Feld.",[78,79,80,92,127,137],"ul",{},[81,82,83,84,86,87,91],"li",{},"Du änderst den Title in den Einstellungen unter ",[19,85,21],{},". Schneller geht es oben im Input-Feld: ",[88,89,90],"click",{},"Klicke"," auf den Title und tippe einen neuen ein.",[81,93,94,95,22,98,22,101,22,104,22,107,22,110,22,113,22,116,119,120,123,124,40],{},"Legst du ein Input-Feld für ein Element an, bekommt es je nach Feldtyp einen vorgegebenen Title: ",[19,96,97],{},"Edit Text",[19,99,100],{},"Select Text",[19,102,103],{},"Pick Color",[19,105,106],{},"Select Color",[19,108,109],{},"Upload Image",[19,111,112],{},"Select Image",[19,114,115],{},"Upload Logo",[19,117,118],{},"Select Value"," oder ",[19,121,122],{},"Toggle",". Eine neue Input-Feld-Gruppe heißt ",[19,125,126],{},"New Group field",[81,128,129,130,133,134,136],{},"Instruction-Input-Felder, Collections und Input-Felder, die du mit ",[19,131,132],{},"Add field"," hinzufügst, starten ohne Title. Ist der Title leer, zeigt der ",[14,135,33],{}," über dem Input-Feld nichts an.",[81,138,139,140,142,143,40],{},"Die Vorschau rechts im ",[14,141,16],{}," zeigt nur das Design, nicht das Formular. Teste den Title deshalb im ",[14,144,33],{},[65,146,25],{"id":147},"description",[10,149,150,151,153,154,156],{},"Die ",[19,152,25],{}," ist ein Hilfetext zum Input-Feld. Der Title benennt das Input-Feld, die Description gibt einen Tipp dazu, etwa „Nutze dein Querformat-Logo“. Du trägst sie in den Einstellungen unter ",[19,155,50],{}," ein.",[10,158,159],{},[59,160],{"alt":161,"src":162,"width":163},"Einstellungen eines Input-Felds mit markierter Description (tooltip with more information).","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-description-01\u002Fpublic",339,[78,165,166,180,183,191],{},[81,167,168,169,171,172,175],{},"Nutzer sehen im ",[14,170,33],{}," neben dem Title ein Fragezeichen. Fahren sie mit der Maus darüber, erscheint die Description als Tooltip.",[173,174],"br",{},[59,176],{"alt":177,"src":178,"width":179},"Design-Generator: Input-Feld Upload Image, die Maus über dem Fragezeichen neben dem Title, daneben die Description als Tooltip.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-settings-02\u002Fpublic?v=9f89ca9c",938,[81,181,182],{},"Das Fragezeichen erscheint nur, wenn das Input-Feld einen Title und eine Description hat. Bei einer Input-Feld-Gruppe erscheint es auch ohne Title. Lässt du die Description leer, erscheint kein Fragezeichen.",[81,184,185,186,190],{},"In einem ",[36,187,189],{"href":188},"\u002Fde\u002Fhelp\u002Finput-fields\u002Finstruction-input-field","Instruction-Input-Feld"," erscheint die Description nicht als Tooltip, sondern als kleinere Textzeile unter der Anweisung.",[81,192,12,193,195],{},[14,194,16],{}," zeigt ein Fragezeichen rechts im Input-Feld, dass es eine Description hat.",[65,197,29],{"id":198},"variable-name",[10,200,201,202,206,207,209,210,40],{},"Jedes Input-Feld außer einer Input-Feld-Gruppe und einem Instruction-Input-Feld speichert seinen Wert in einer Variable. Über den Variablennamen nutzt du diesen Wert in Expressions. Heißt die Variable zum Beispiel ",[203,204,205],"code",{},"headline",", schreibst du in einer Expression einfach ",[203,208,205],{},". Wie das genau geht, steht in ",[36,211,213],{"href":212},"\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables","Variablen",[10,215,216,217,219,220,119,223,226],{},"Der Variablenname steht ganz oben in den Einstellungen unter ",[19,218,29],{},". Den vorgegebenen Namen bildet Bluepic aus dem Feldtyp oder dem Element, zum Beispiel ",[203,221,222],{},"text2_text",[203,224,225],{},"rectangle2_color",". Meistens passt er. Benenne ihn um, wenn du dir einen Namen für Expressions leichter merken oder deine Variablen ordentlich halten willst.",[10,228,229],{},[59,230],{"alt":231,"src":232,"width":179},"Oberer Teil der Einstellungen eines Input-Felds: Variablenname mit Kopier-Button und Stift markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-variable-name-01\u002Fpublic?v=2bd65919",[10,234,235],{},"So änderst du den Variablennamen:",[237,238,239,244,251],"ol",{},[81,240,241,243],{},[88,242,90],{}," rechts neben dem Variablennamen auf den Stift.",[81,245,246,250],{},[247,248,249],"type",{},"Gib"," den neuen Namen ein.",[81,252,253,255,256,260],{},[88,254,90],{}," auf das Häkchen, um ihn zu speichern, oder auf ",[257,258,259],"close",{},"×",", um abzubrechen. Expressions und verbundene Input-Felder übernehmen den neuen Namen automatisch.",[10,262,263],{},"Für den Namen gelten diese Regeln:",[78,265,266,272,282,289],{},[81,267,268,269,40],{},"Er darf im Template nur einmal vorkommen. Er darf auch nicht so heißen wie eine Element-ID, eine Funktion oder ",[203,270,271],{},"canvas",[81,273,274,275,26,278,281],{},"Erlaubt sind Buchstaben, Ziffern, ",[203,276,277],{},"_",[203,279,280],{},"$",". Keine Leerzeichen und keine Ziffer am Anfang.",[81,283,284,285,288],{},"Wörter, die JavaScript selbst verwendet, etwa ",[203,286,287],{},"class",", sind nicht erlaubt.",[81,290,291,292,296],{},"In einer ",[36,293,295],{"href":294},"\u002Fde\u002Fhelp\u002Finput-fields\u002Finput-fields-collection","Collection"," muss der Name nur innerhalb dieser Collection einmalig sein.",[10,298,299],{},"Ist der Name ungültig oder schon vergeben, färbt er sich rot, und das Häkchen lässt sich nicht anklicken.",[10,301,302],{},"Mit dem Kopier-Button neben dem Stift kopierst du den Namen in die Zwischenablage. Die Meldung „Variable name copied to clipboard“ erscheint.",[304,305,306],"related",{},[78,307,308,312,316,322],{},[81,309,310],{},[36,311,39],{"href":38},[81,313,314],{},[36,315,213],{"href":212},[81,317,318],{},[36,319,321],{"href":320},"\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields","Text-Input-Felder",[81,323,324],{},[36,325,327],{"href":326},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fdeleting-input-fields","Input-Feld löschen",{"title":329,"searchDepth":330,"depth":330,"links":331},"",2,[332,333,334],{"id":67,"depth":330,"text":21},{"id":147,"depth":330,"text":25},{"id":198,"depth":330,"text":29},"input-fields","Was Title, Description und Variable name eines Input-Felds bewirken und welche Regeln für den Variablennamen gelten.","md",[21,25,29,339,340,341,342,343,344,345,346,347,348,349,350],"Variablenname","Variable","Tooltip","Hilfetext","Zahnrad","Einstellungen","Input-Feld","input","field","name","Hilfe","Anleitung",{},true,70,"\u002Fhelp\u002Finput-fields\u002Finput-field-settings.de","2026-10-13","---\ntitle: \"Einstellungen eines Input-Felds\"\ndescription: \"Was Title, Description und Variable name eines Input-Felds bewirken und welche Regeln für den Variablennamen gelten.\"\ncategory: input-fields\norder: 70\nkeywords: [\"Title\", \"Description\", \"Variable name\", \"Variablenname\", \"Variable\", \"Tooltip\", \"Hilfetext\", \"Zahnrad\", \"Einstellungen\", \"Input-Feld\", \"input\", \"field\", \"name\", \"Hilfe\", \"Anleitung\"]\n---\n\nIm :place[Input Fields View] hat jedes Input-Feld Einstellungen. Mit **Title**, **Description** und **Variable name** legst du fest, wie Nutzer das Input-Feld im :place[Design-Generator] verstehen und wie du seinen Wert in Expressions verwendest. Wie du ein Input-Feld anlegst, steht in [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field).\n\nDie Einstellungen öffnest du mit dem Zahnrad rechts im Input-Feld. Oben stehen **Variable name**, **Title** und **Description (tooltip with more information)**, darunter die Einstellungen des Feldtyps. Mit **Done** schließt du sie.\n\n![Einstellungen eines Image-Input-Felds: Variable name, Title, Description und die Bildoptionen.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-title-01\u002Fpublic){width=\"335\"}\n\n## Title\n\nDer **Title** sagt Nutzern, wofür das Input-Feld da ist, zum Beispiel „Headline“ oder „Logo“. Sie sehen ihn im :place[Design-Generator] über dem Input-Feld.\n\n- Du änderst den Title in den Einstellungen unter **Title**. Schneller geht es oben im Input-Feld: :click[Klicke] auf den Title und tippe einen neuen ein.\n- Legst du ein Input-Feld für ein Element an, bekommt es je nach Feldtyp einen vorgegebenen Title: **Edit Text**, **Select Text**, **Pick Color**, **Select Color**, **Upload Image**, **Select Image**, **Upload Logo**, **Select Value** oder **Toggle**. Eine neue Input-Feld-Gruppe heißt **New Group field**.\n- Instruction-Input-Felder, Collections und Input-Felder, die du mit **Add field** hinzufügst, starten ohne Title. Ist der Title leer, zeigt der :place[Design-Generator] über dem Input-Feld nichts an.\n- Die Vorschau rechts im :place[Input Fields View] zeigt nur das Design, nicht das Formular. Teste den Title deshalb im :place[Design-Generator].\n\n## Description\n\nDie **Description** ist ein Hilfetext zum Input-Feld. Der Title benennt das Input-Feld, die Description gibt einen Tipp dazu, etwa „Nutze dein Querformat-Logo“. Du trägst sie in den Einstellungen unter **Description (tooltip with more information)** ein.\n\n![Einstellungen eines Input-Felds mit markierter Description (tooltip with more information).](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-description-01\u002Fpublic){width=\"339\"}\n\n- Nutzer sehen im :place[Design-Generator] neben dem Title ein Fragezeichen. Fahren sie mit der Maus darüber, erscheint die Description als Tooltip.\n\n  ![Design-Generator: Input-Feld Upload Image, die Maus über dem Fragezeichen neben dem Title, daneben die Description als Tooltip.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-settings-02\u002Fpublic?v=9f89ca9c){width=\"938\"}\n\n- Das Fragezeichen erscheint nur, wenn das Input-Feld einen Title und eine Description hat. Bei einer Input-Feld-Gruppe erscheint es auch ohne Title. Lässt du die Description leer, erscheint kein Fragezeichen.\n- In einem [Instruction-Input-Feld](\u002Fde\u002Fhelp\u002Finput-fields\u002Finstruction-input-field) erscheint die Description nicht als Tooltip, sondern als kleinere Textzeile unter der Anweisung.\n- Im :place[Input Fields View] zeigt ein Fragezeichen rechts im Input-Feld, dass es eine Description hat.\n\n## Variable name\n\nJedes Input-Feld außer einer Input-Feld-Gruppe und einem Instruction-Input-Feld speichert seinen Wert in einer Variable. Über den Variablennamen nutzt du diesen Wert in Expressions. Heißt die Variable zum Beispiel `headline`, schreibst du in einer Expression einfach `headline`. Wie das genau geht, steht in [Variablen](\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables).\n\nDer Variablenname steht ganz oben in den Einstellungen unter **Variable name**. Den vorgegebenen Namen bildet Bluepic aus dem Feldtyp oder dem Element, zum Beispiel `text2_text` oder `rectangle2_color`. Meistens passt er. Benenne ihn um, wenn du dir einen Namen für Expressions leichter merken oder deine Variablen ordentlich halten willst.\n\n![Oberer Teil der Einstellungen eines Input-Felds: Variablenname mit Kopier-Button und Stift markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-variable-name-01\u002Fpublic?v=2bd65919){width=\"938\"}\n\nSo änderst du den Variablennamen:\n\n1. :click[Klicke] rechts neben dem Variablennamen auf den Stift.\n2. :type[Gib] den neuen Namen ein.\n3. :click[Klicke] auf das Häkchen, um ihn zu speichern, oder auf :close[×], um abzubrechen. Expressions und verbundene Input-Felder übernehmen den neuen Namen automatisch.\n\nFür den Namen gelten diese Regeln:\n\n- Er darf im Template nur einmal vorkommen. Er darf auch nicht so heißen wie eine Element-ID, eine Funktion oder `canvas`.\n- Erlaubt sind Buchstaben, Ziffern, `_` und `$`. Keine Leerzeichen und keine Ziffer am Anfang.\n- Wörter, die JavaScript selbst verwendet, etwa `class`, sind nicht erlaubt.\n- In einer [Collection](\u002Fde\u002Fhelp\u002Finput-fields\u002Finput-fields-collection) muss der Name nur innerhalb dieser Collection einmalig sein.\n\nIst der Name ungültig oder schon vergeben, färbt er sich rot, und das Häkchen lässt sich nicht anklicken.\n\nMit dem Kopier-Button neben dem Stift kopierst du den Namen in die Zwischenablage. Die Meldung „Variable name copied to clipboard“ erscheint.\n\n::related\n- [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field)\n- [Variablen](\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables)\n- [Text-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields)\n- [Input-Feld löschen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fdeleting-input-fields)\n::\n",{"title":5,"description":336},"help\u002Finput-fields\u002Finput-field-settings.de","2026-10-21","pZvTvlgLKAD1e6mJN4wHDf1vwJ75ysUzjpwVFABZyKo",1792680563172]