Eingabeformular

Hinweis

Erstellen Sie Copilot-, Teams- oder Outlook-Szenarien, die von adaptiven Karten unterstützt werden? Besuchen Sie den Dokumentationshub für adaptive Karten, den neuen One-Stop-Shop für alle Ihre Anforderungen an adaptive Karten! Es verfügt über alle Ressourcen, die Sie suchen, einschließlich der vollständigen Dokumentation für viele neue Features, z. B. dynamisches Layout, Symbol, Badge, Karussell, Diagramme und vieles mehr!

Diese Beispiele sind nur ein Teaser der Art von Karten, die Sie erstellen können. Fahren Sie fort, und optimieren Sie sie, um jedes Szenario möglich zu machen!

Wichtiger Hinweis zur Barrierefreiheit: In Version 1.3 des Schemas haben wir eine Bezeichnungseigenschaft für Eingaben eingeführt, um die Barrierefreiheit zu verbessern. Wenn die Host-App, auf die Sie abzielen , v1.3 unterstützt, sollten Sie die Bezeichnung anstelle eines TextBlock verwenden, wie in einigen Beispielen unten dargestellt. Sobald die meisten Host-Apps auf die neueste Version aktualisiert wurden, aktualisieren wir die Beispiele entsprechend.

Beispiel für Eingabeformulare

Im folgenden Abschnitt wird der JSON-Code für eine adaptive Karte des Typs "Eingabeformular" angezeigt, die mit und ohne Vorlagen dargestellt wird.

JSON-Code (ohne Vorlagen)

JSON

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"text": "Tell us about yourself",
			"size": "medium",
			"weight": "bolder",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Input.Text",
			"id": "myName",
			"placeholder": "Name"
		},
		{
			"type": "Input.Text",
			"id": "myTel",
			"placeholder": "Phone Number",
			"style": "Tel"
		},
		{
			"type": "Input.Text",
			"id": "myEmail",
			"placeholder": "Email",
			"style": "Email"
		},
		{
			"type": "Input.Date",
			"id": "myDate",
			"label": "When is your birthday?"
		},
		{
			"type": "Input.Toggle",
			"title": "I accept the terms and conditions",
			"id": "myToggle"
		}
	],
	"actions": [
		{
			"type": "Action.Submit",
			"title": "Submit"
		}
	]
}

JSON-Code (mit Template-Erstellung)

Daten-JSON

{}

Vorlagen-JSON

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"text": "Tell us about yourself",
			"size": "medium",
			"weight": "bolder",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Input.Text",
			"id": "myName",
			"placeholder": "Name"
		},
		{
			"type": "Input.Text",
			"id": "myTel",
			"placeholder": "Phone Number",
			"style": "Tel"
		},
		{
			"type": "Input.Text",
			"id": "myEmail",
			"placeholder": "Email",
			"style": "Email"
		},
		{
			"type": "Input.Date",
			"id": "myDate",
			"label": "When is your birthday?"
		},
		{
			"type": "Input.Toggle",
			"title": "I accept the terms and conditions",
			"id": "myToggle"
		}
	],
	"actions": [
		{
			"type": "Action.Submit",
			"title": "Submit"
		}
	]
}
  • Last updated on