{"id":327,"date":"2022-10-14T10:05:53","date_gmt":"2022-10-14T08:05:53","guid":{"rendered":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/?post_type=chapter&#038;p=327"},"modified":"2023-11-03T11:17:58","modified_gmt":"2023-11-03T10:17:58","slug":"formulare-spezielles","status":"publish","type":"chapter","link":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/chapter\/formulare-spezielles\/","title":{"raw":"Formulare Spezielles","rendered":"Formulare Spezielles"},"content":{"raw":"Folgende zwei Spezial-Funktionalit\u00e4ten sind weder intuitiv noch offensichtlich. Fazit ist aber, dass, wenn man die Vorlagen benutzt, um neue Formulare zu kreieren, alles schon richtig eingestellt ist. (Im Oktober 2022 wurde alle Formulare \u00fcberpr\u00fcft.)\r\n<h2>Verwendung und Ver\u00f6ffentlichung von Fotoaufnahmen (Checkbox)<\/h2>\r\n<h3>Problem<\/h3>\r\nBei der Checkbox f\u00fcr die Einwilligung der Fotoaufnahmen ergeben sich folgende Probleme:\r\n<ul>\r\n \t<li>Wenn der Text in der Checkbox-Beschreibung eingef\u00fcgt wird, ist der Text zu klein und man kann diesen nicht formatieren (zB. Paragraphen einsetzen). <img class=\"alignnone wp-image-388\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung.png\" alt=\"Beispiel zu kleiner Text bei der Checkbox-Beschreibung\" width=\"651\" height=\"302\" \/><\/li>\r\n \t<li>Wenn ein HTML-Text vor einer Checkbox gestellt wird, ist kein Zusammenhang (technischer Art, f\u00fcr Screenreader) ersichtlich zwischen Text (davor) und Checkbox. <img class=\"alignnone wp-image-387\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug.png\" alt=\"Anzeige der zwei unabh\u00e4ngigen Elemente und die L\u00f6sung.\" width=\"651\" height=\"636\" \/><\/li>\r\n<\/ul>\r\n<h3>L\u00f6sung<\/h3>\r\nFalls die Checkbox den Schl\u00fcssel (Code-Feldname) '<strong>photo_publication_acknowledgment<\/strong>' hat, bezieht sich die Checkbox auf den vorangehenden HTML-Text. So kann der Screenreader richtig mitteilen, welcher Text gemeint ist, das man zur Kenntnis nimmt.\r\n\r\n<img class=\"alignnone size-full wp-image-389\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel.png\" alt=\"\" width=\"2882\" height=\"1356\" \/>\r\n<ul>\r\n \t<li>Einfaches HTML: photo_publication_text<\/li>\r\n \t<li>Checkbox: photo_publication_acknowledgment<\/li>\r\n<\/ul>\r\nWenn f\u00fcr neue Formulare immer eine Vorlage benutzt wird, muss man hier nichts korrigieren.\r\n<h2>Auto-complete<\/h2>\r\nDamit die Browser schon (fr\u00fcher) gemachte Eingaben von Nutzer:innen vorschlagen k\u00f6nnen, sollen bei den Webforms immer die gleichen Schl\u00fcssel (Code-(Feld-)Namen) f\u00fcr die Felder benutzt werden, gem\u00e4ss folgender Liste.\r\n<h3>Feldtitel: Schl\u00fcssel<\/h3>\r\n<ul>\r\n \t<li>Salutation\/Anrede: salutation<\/li>\r\n \t<li>First Name\/Vorname: first_name<\/li>\r\n \t<li>Last Name\/Nachname: last_name<\/li>\r\n \t<li>E-mail: mail<\/li>\r\n \t<li>Telephone (Contact Tracing): telephone<\/li>\r\n \t<li>Institution \/ School \/ Company: company<\/li>\r\n \t<li>Position: position<\/li>\r\n<\/ul>\r\n<img class=\"alignnone size-full wp-image-385\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel.png\" alt=\"Liste der Feldtitel mit zugeh\u00f6rigem Schl\u00fcssel.\" width=\"2038\" height=\"894\" \/>\r\n\r\nWenn f\u00fcr neue Formulare immer eine Vorlage benutzt wird, muss man hier nichts korrigieren.\r\n<h4>Weitere schon benutzte Felder<\/h4>\r\n<ul>\r\n \t<li>Date of birth\/Geburtsdatum: date_of_birth ('geburtsdatum' wurde auch schon benutzt)<\/li>\r\n \t<li>Age\/Alter: age<\/li>\r\n \t<li>Gender\/Geschlecht: gender<\/li>\r\n \t<li>Date\/Datum: date_today<\/li>\r\n \t<li>Place\/Ort: place<\/li>\r\n<\/ul>\r\n<h2><a id=\"gender\"><\/a>Abfrage des Geschlechts<\/h2>\r\nUm in einem Formular die Abfrage des Geschlechts zu machen muss ein Element vom Typ <strong>Radio other<\/strong> mit speziellen Einstellungen hinzugef\u00fcgt werden. Die drei Werte M\u00e4nnlich, Weiblich und Keine Angabe sind bereits vorbereitet. Lediglich das Feld f\u00fcr Weiteres Geschlecht muss jeweils noch hinzugef\u00fcgt werden. Dieses Feld l\u00e4sst sich leider nicht in der Vorlage abbilden, da es zuerst ein zus\u00e4tzliches Eingabefeld \u00f6ffnen wird, wie in der folgenden Abbildung gezeigt.\r\n\r\n<img class=\"alignnone size-large wp-image-440\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-1024x260.png\" alt=\"Formularfeld Geschlecht. Teil 1 bei Auswahl m\/f oder na, Teil 2 bei Auswahl von Weiteres\" width=\"1024\" height=\"260\" \/>\r\n\r\nIm folgenden die Schritte um ein Feld f\u00fcr die Abfrage des Geschlechts in ein Formular einzuf\u00fcgen.\r\n<ul>\r\n \t<li><span style=\"font-size: 14pt;\">Als Element Typ <\/span><strong style=\"font-size: 14pt;\">Radios other<\/strong><span style=\"font-size: 14pt;\"> ausw\u00e4hlen<\/span><\/li>\r\n \t<li>Bei Optionen <strong>Geschlecht<\/strong> oder <strong>Gender<\/strong> ausw\u00e4hlen<\/li>\r\n \t<li>Bei Options display <strong>Side by side<\/strong>\u00a0ausw\u00e4hlen<\/li>\r\n \t<li>Unter <strong>Other option settings<\/strong> wird das <strong>Other option label<\/strong> mit dem Text \u201cWeiteres\u201d ausgef\u00fcllt<\/li>\r\n \t<li>Unter <strong>Other title<\/strong>\u00a0wird auch \u201cWeiteres\u201d ausgef\u00fcllt<\/li>\r\n \t<li>Unter <strong>Other placeholder<\/strong> wird \u201cWeiteres Geschlecht...\u201d ausgef\u00fcllt<\/li>\r\n<\/ul>\r\nNach Bedarf muss auch noch die \u00dcbersetzung auf Englisch hinzugef\u00fcgt werden mittels folgender Schritte.\r\n<ul>\r\n \t<li>Wechsel auf <strong>\u00dcbersetzung<\/strong> um Englische \u00dcbersetzung hinzuf\u00fcgen.<\/li>\r\n \t<li>Auswahl der Englischen \u00dcbersetzung<\/li>\r\n \t<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Titel: Geschlecht<\/strong> auf \u201cGender\u201d<\/span><\/li>\r\n \t<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other option label: Weiteres<\/strong> auf \u201cOther\u201d<\/span><\/li>\r\n \t<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other title: Weiteres<\/strong> auf \u201cOther Gender\u201d<\/span><\/li>\r\n \t<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other placeholder: Weiteres Geschlecht...<\/strong> auf \u201cEnter other...\u201d<\/span><\/li>\r\n<\/ul>\r\nNun haben wir auch eine richtige Englische \u00dcbersetzung.\r\n<h2><a id=\"captchas\"><\/a>Formulare vor Missbrauch sch\u00fctzen mit Captchas<\/h2>\r\nUm missbr\u00e4uchliche Verwendung (z.B. Spam-Versand) der Drupal-Formulare durch Bots weitgehend zu verhindern ist es notwendig <a href=\"https:\/\/de.wikipedia.org\/wiki\/Captcha\" target=\"_blank\" rel=\"noopener\">Captchas<\/a> einzusetzen. Die HfH hat sich entschieden dazu die Google-reCAPTCHA-V3-Technologie zu verwenden. Bei diesem \u00abreCAPTCHA V3\u00bb wird Missbrauch vermieden, ohne dass der User etwas ausf\u00fcllen muss. Dieses reCAPTCHA-V3 ist f\u00fcr den Benutzer erkennbar am blauen reCAPTCHA Logo unten rechts auf der Webseite. Alle Formulare auf der HfH-Website m\u00fcssen damit ausgestattet werden.\r\n\r\n<img class=\"alignnone wp-image-435 size-medium\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-300x84.png\" alt=\"reCAPTCHA Info\" width=\"300\" height=\"84\" \/>\r\n\r\nDas Captcha wird in ein Formular eingebaut wie ein Formularelement. Die Schritte dazu sind nachfolgend aufgelistet und mit drei Screenshots illustriert.\r\n<ol>\r\n \t<li>Add Element<\/li>\r\n \t<li>Suche nach Captcha-Element und f\u00fcge es hinzu<\/li>\r\n \t<li>Konfigurieren des Challenge type als no_action (from module recaptcha_v3)<\/li>\r\n<\/ol>\r\n<img class=\"alignnone wp-image-421 size-large\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-1024x492.jpeg\" alt=\"Drupal Form Builder, w\u00e4hle Add element\" width=\"1024\" height=\"492\" \/>\r\n\r\n&nbsp;\r\n\r\n<img class=\"alignnone wp-image-422 size-full\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha.jpeg\" alt=\"Suche nach Captcha\" width=\"959\" height=\"505\" \/>\r\n\r\n<img class=\"alignnone wp-image-423 size-full\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha.jpeg\" alt=\"Konfiguriere no_action\" width=\"877\" height=\"1005\" \/>\r\n\r\n&nbsp;\r\n\r\n&nbsp;","rendered":"<p>Folgende zwei Spezial-Funktionalit\u00e4ten sind weder intuitiv noch offensichtlich. Fazit ist aber, dass, wenn man die Vorlagen benutzt, um neue Formulare zu kreieren, alles schon richtig eingestellt ist. (Im Oktober 2022 wurde alle Formulare \u00fcberpr\u00fcft.)<\/p>\n<h2>Verwendung und Ver\u00f6ffentlichung von Fotoaufnahmen (Checkbox)<\/h2>\n<h3>Problem<\/h3>\n<p>Bei der Checkbox f\u00fcr die Einwilligung der Fotoaufnahmen ergeben sich folgende Probleme:<\/p>\n<ul>\n<li>Wenn der Text in der Checkbox-Beschreibung eingef\u00fcgt wird, ist der Text zu klein und man kann diesen nicht formatieren (zB. Paragraphen einsetzen). <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-388\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung.png\" alt=\"Beispiel zu kleiner Text bei der Checkbox-Beschreibung\" width=\"651\" height=\"302\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung.png 2522w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-300x139.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-1024x475.png 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-768x356.png 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-1536x713.png 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-2048x950.png 2048w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-65x30.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-225x104.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Beispiel-Checkbox-Beschreibung-350x162.png 350w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/li>\n<li>Wenn ein HTML-Text vor einer Checkbox gestellt wird, ist kein Zusammenhang (technischer Art, f\u00fcr Screenreader) ersichtlich zwischen Text (davor) und Checkbox. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-387\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug.png\" alt=\"Anzeige der zwei unabh\u00e4ngigen Elemente und die L\u00f6sung.\" width=\"651\" height=\"636\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug.png 1580w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-300x293.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-1024x999.png 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-768x750.png 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-1536x1499.png 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-65x63.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-225x220.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Elemente-Bezug-350x342.png 350w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/li>\n<\/ul>\n<h3>L\u00f6sung<\/h3>\n<p>Falls die Checkbox den Schl\u00fcssel (Code-Feldname) &#8218;<strong>photo_publication_acknowledgment<\/strong>&#8218; hat, bezieht sich die Checkbox auf den vorangehenden HTML-Text. So kann der Screenreader richtig mitteilen, welcher Text gemeint ist, das man zur Kenntnis nimmt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-389\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel.png\" alt=\"\" width=\"2882\" height=\"1356\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel.png 2882w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-300x141.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-1024x482.png 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-768x361.png 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-1536x723.png 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-2048x964.png 2048w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-65x31.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-225x106.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Ansicht-Backend-Feld-Schluessel-350x165.png 350w\" sizes=\"auto, (max-width: 2882px) 100vw, 2882px\" \/><\/p>\n<ul>\n<li>Einfaches HTML: photo_publication_text<\/li>\n<li>Checkbox: photo_publication_acknowledgment<\/li>\n<\/ul>\n<p>Wenn f\u00fcr neue Formulare immer eine Vorlage benutzt wird, muss man hier nichts korrigieren.<\/p>\n<h2>Auto-complete<\/h2>\n<p>Damit die Browser schon (fr\u00fcher) gemachte Eingaben von Nutzer:innen vorschlagen k\u00f6nnen, sollen bei den Webforms immer die gleichen Schl\u00fcssel (Code-(Feld-)Namen) f\u00fcr die Felder benutzt werden, gem\u00e4ss folgender Liste.<\/p>\n<h3>Feldtitel: Schl\u00fcssel<\/h3>\n<ul>\n<li>Salutation\/Anrede: salutation<\/li>\n<li>First Name\/Vorname: first_name<\/li>\n<li>Last Name\/Nachname: last_name<\/li>\n<li>E-mail: mail<\/li>\n<li>Telephone (Contact Tracing): telephone<\/li>\n<li>Institution \/ School \/ Company: company<\/li>\n<li>Position: position<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-385\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel.png\" alt=\"Liste der Feldtitel mit zugeh\u00f6rigem Schl\u00fcssel.\" width=\"2038\" height=\"894\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel.png 2038w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-300x132.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-1024x449.png 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-768x337.png 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-1536x674.png 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-65x29.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-225x99.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Liste-Feldtitel-schluessel-350x154.png 350w\" sizes=\"auto, (max-width: 2038px) 100vw, 2038px\" \/><\/p>\n<p>Wenn f\u00fcr neue Formulare immer eine Vorlage benutzt wird, muss man hier nichts korrigieren.<\/p>\n<h4>Weitere schon benutzte Felder<\/h4>\n<ul>\n<li>Date of birth\/Geburtsdatum: date_of_birth (&#8218;geburtsdatum&#8216; wurde auch schon benutzt)<\/li>\n<li>Age\/Alter: age<\/li>\n<li>Gender\/Geschlecht: gender<\/li>\n<li>Date\/Datum: date_today<\/li>\n<li>Place\/Ort: place<\/li>\n<\/ul>\n<h2><a id=\"gender\"><\/a>Abfrage des Geschlechts<\/h2>\n<p>Um in einem Formular die Abfrage des Geschlechts zu machen muss ein Element vom Typ <strong>Radio other<\/strong> mit speziellen Einstellungen hinzugef\u00fcgt werden. Die drei Werte M\u00e4nnlich, Weiblich und Keine Angabe sind bereits vorbereitet. Lediglich das Feld f\u00fcr Weiteres Geschlecht muss jeweils noch hinzugef\u00fcgt werden. Dieses Feld l\u00e4sst sich leider nicht in der Vorlage abbilden, da es zuerst ein zus\u00e4tzliches Eingabefeld \u00f6ffnen wird, wie in der folgenden Abbildung gezeigt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-440\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-1024x260.png\" alt=\"Formularfeld Geschlecht. Teil 1 bei Auswahl m\/f oder na, Teil 2 bei Auswahl von Weiteres\" width=\"1024\" height=\"260\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-1024x260.png 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-300x76.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-768x195.png 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-1536x390.png 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-2048x520.png 2048w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-65x16.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-225x57.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/2023-11-03_11-11-55-350x89.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Im folgenden die Schritte um ein Feld f\u00fcr die Abfrage des Geschlechts in ein Formular einzuf\u00fcgen.<\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Als Element Typ <\/span><strong style=\"font-size: 14pt;\">Radios other<\/strong><span style=\"font-size: 14pt;\"> ausw\u00e4hlen<\/span><\/li>\n<li>Bei Optionen <strong>Geschlecht<\/strong> oder <strong>Gender<\/strong> ausw\u00e4hlen<\/li>\n<li>Bei Options display <strong>Side by side<\/strong>\u00a0ausw\u00e4hlen<\/li>\n<li>Unter <strong>Other option settings<\/strong> wird das <strong>Other option label<\/strong> mit dem Text \u201cWeiteres\u201d ausgef\u00fcllt<\/li>\n<li>Unter <strong>Other title<\/strong>\u00a0wird auch \u201cWeiteres\u201d ausgef\u00fcllt<\/li>\n<li>Unter <strong>Other placeholder<\/strong> wird \u201cWeiteres Geschlecht&#8230;\u201d ausgef\u00fcllt<\/li>\n<\/ul>\n<p>Nach Bedarf muss auch noch die \u00dcbersetzung auf Englisch hinzugef\u00fcgt werden mittels folgender Schritte.<\/p>\n<ul>\n<li>Wechsel auf <strong>\u00dcbersetzung<\/strong> um Englische \u00dcbersetzung hinzuf\u00fcgen.<\/li>\n<li>Auswahl der Englischen \u00dcbersetzung<\/li>\n<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Titel: Geschlecht<\/strong> auf \u201cGender\u201d<\/span><\/li>\n<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other option label: Weiteres<\/strong> auf \u201cOther\u201d<\/span><\/li>\n<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other title: Weiteres<\/strong> auf \u201cOther Gender\u201d<\/span><\/li>\n<li><span style=\"orphans: 1; text-align: initial; font-size: 14pt;\"><strong>Other placeholder: Weiteres Geschlecht&#8230;<\/strong> auf \u201cEnter other&#8230;\u201d<\/span><\/li>\n<\/ul>\n<p>Nun haben wir auch eine richtige Englische \u00dcbersetzung.<\/p>\n<h2><a id=\"captchas\"><\/a>Formulare vor Missbrauch sch\u00fctzen mit Captchas<\/h2>\n<p>Um missbr\u00e4uchliche Verwendung (z.B. Spam-Versand) der Drupal-Formulare durch Bots weitgehend zu verhindern ist es notwendig <a href=\"https:\/\/de.wikipedia.org\/wiki\/Captcha\" target=\"_blank\" rel=\"noopener\">Captchas<\/a> einzusetzen. Die HfH hat sich entschieden dazu die Google-reCAPTCHA-V3-Technologie zu verwenden. Bei diesem \u00abreCAPTCHA V3\u00bb wird Missbrauch vermieden, ohne dass der User etwas ausf\u00fcllen muss. Dieses reCAPTCHA-V3 ist f\u00fcr den Benutzer erkennbar am blauen reCAPTCHA Logo unten rechts auf der Webseite. Alle Formulare auf der HfH-Website m\u00fcssen damit ausgestattet werden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-435 size-medium\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-300x84.png\" alt=\"reCAPTCHA Info\" width=\"300\" height=\"84\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-300x84.png 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-65x18.png 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-225x63.png 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo-350x98.png 350w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/reCAPTCHA_Logo.png 570w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Das Captcha wird in ein Formular eingebaut wie ein Formularelement. Die Schritte dazu sind nachfolgend aufgelistet und mit drei Screenshots illustriert.<\/p>\n<ol>\n<li>Add Element<\/li>\n<li>Suche nach Captcha-Element und f\u00fcge es hinzu<\/li>\n<li>Konfigurieren des Challenge type als no_action (from module recaptcha_v3)<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-421 size-large\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-1024x492.jpeg\" alt=\"Drupal Form Builder, w\u00e4hle Add element\" width=\"1024\" height=\"492\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-1024x492.jpeg 1024w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-300x144.jpeg 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-768x369.jpeg 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-1536x738.jpeg 1536w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-2048x985.jpeg 2048w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-65x31.jpeg 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-225x108.jpeg 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Add_element-350x168.jpeg 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-422 size-full\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha.jpeg\" alt=\"Suche nach Captcha\" width=\"959\" height=\"505\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha.jpeg 959w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha-300x158.jpeg 300w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha-768x404.jpeg 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha-65x34.jpeg 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha-225x118.jpeg 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Search_Captcha-350x184.jpeg 350w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-423 size-full\" src=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha.jpeg\" alt=\"Konfiguriere no_action\" width=\"877\" height=\"1005\" srcset=\"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha.jpeg 877w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha-262x300.jpeg 262w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha-768x880.jpeg 768w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha-65x74.jpeg 65w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha-225x258.jpeg 225w, https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-content\/uploads\/sites\/99\/2022\/10\/Captcha_Settings_Captcha-350x401.jpeg 350w\" sizes=\"auto, (max-width: 877px) 100vw, 877px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Folgende zwei Spezial-Funktionalit\u00e4ten sind weder intuitiv noch offensichtlich. Fazit ist aber, dass, wenn man die Vorlagen benutzt, um neue Formulare zu kreieren, alles schon richtig eingestellt ist. (Im Oktober 2022 wurde alle Formulare \u00fcberpr\u00fcft.) Verwendung und Ver\u00f6ffentlichung von Fotoaufnahmen (Checkbox) Problem Bei der Checkbox f\u00fcr die Einwilligung der Fotoaufnahmen ergeben sich folgende Probleme: Wenn der [&hellip;]<\/p>\n","protected":false},"author":12,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-327","chapter","type-chapter","status-publish","hentry"],"part":325,"_links":{"self":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapters\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":33,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapters\/327\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapters\/327\/revisions\/441"}],"part":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/parts\/325"}],"metadata":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapters\/327\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/media?parent=327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/categories?post=327"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/pressbooks\/v2\/chapter-type?post=327"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/contributor?post=327"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/anleitungenhfh\/wp-json\/wp\/v2\/license?post=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}