Form Builder Checkbox "Name"

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Form Builder Checkbox "Name"

Ungelesener Beitrag von inno »

Hallo,
ich würde gerne 2 Checkboxen auslesen und mein eigenes Script verwenden.
Leider kann ich bei den Checkboxen im Form Builder keinen "Name" vergeben.
Im Quelltext sehe ich leider auch nichts.
Danke für die Hilfe


____________________________________

Code: Alles auswählen

<section class="form" group="Form" plugins="formstyler, datepicker">
    <mbr-parameters>
        <header>Size</header>
        <input type="range" inline="" title="Top" name="paddingTop" min="0" max="10" step="1" value="5">
        <input type="range" inline="" title="Bottom" name="paddingBottom" min="0" max="10" step="1" value="5">
        <header>Style</header>
        <input type="checkbox" name="customStyle" title="Custom Style">
        <input type="checkbox" name="disableElements" title="Disable Control">
        <input type="color" name="fieldColor" title="Field" value="#ffffff" condition="customStyle">
        <input type="color" name="fieldHover" title="Field Hover" value="#efefef" condition="customStyle">
        <input type="color" name="borderColor" title="Border" value="#cccccc" condition="customStyle">
        <input type="color" name="borderHover" title="Border Hover" value="#cccccc" condition="customStyle">
        <input type="color" name="formText" title="Text" value="#000000" condition="customStyle">
        <input type="color" name="formFocusText" title="Text Focus" value="#232323" condition="customStyle">
        <input type="color" name="formPlaceholder" title="Placeholders" value="#c1c1c1" condition="customStyle">
        <input type="color" name="formFocusPlaceholder" title="Placeholders Focus" value="#c1c1c1" condition="customStyle">
        <header>Background</header>
        <fieldset type="background" name="bg">
            <input type="image" title="Background Image" value="../assets/background.jpg">
            <input type="color" title="Background Color" value="#ffffff" selected="">
        </fieldset>
        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked="">
        <input type="color" title="Overlay Color" name="overlayColor" value="#ffffff" condition="overlay &amp;&amp; bg.type !== 'color'">
        <input type="range" inline="" title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.4" condition="overlay &amp;&amp; bg.type !== 'color'">
    <input type="hidden" name="usedRecaptcha" value="false"></mbr-parameters>
    <div class="mbr-overlay" mbr-if="(overlay &amp;&amp; bg.type=='image')"></div>
    <div class="container">
        <div class="row">
            <div mbr-form="" class="col-lg-8 mx-auto mbr-form">
<!--Formbuilder Form-->
<form action="" name="Form Name" method="POST" class="mbr-form form-with-styler">
<div class="form-row">
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">Oops...! some problem!</div>
</div>
<div class="dragArea form-row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h4 mbr-theme-style="display-5" class="mbr-fonts-style">Welcome to Form Builder</h4>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<hr>
</div>
<div data-for="name" class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="text" name="name" placeholder="Name" data-form-field="name" mbr-theme-style="display-7" class="form-control" value="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<div class="form-control-label">
<label mbr-text="" mbr-theme-style="display-7" for="Third" class="mbr-fonts-style">Checkbox 1</label>
</div>
<div data-for="First" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="First" data-form-field="First" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="First" mbr-theme-style="display-7" class="form-check-label">First</label>
</div>
<div data-for="Second" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Second" data-form-field="Second" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Second" mbr-theme-style="display-7" class="form-check-label">Second</label>
</div>
<div data-for="Third" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Third" data-form-field="Third" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Third" mbr-theme-style="display-7" class="form-check-label">Third</label>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<div class="form-control-label">
<label mbr-text="" mbr-theme-style="display-7" for="Third1" class="mbr-fonts-style">Checkbox 2</label>
</div>
<div data-for="First" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="First" data-form-field="First" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="First" mbr-theme-style="display-7" class="form-check-label">First</label>
</div>
<div data-for="Second" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Second" data-form-field="Second" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Second" mbr-theme-style="display-7" class="form-check-label">Second</label>
</div>
<div data-for="Third" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Third" data-form-field="Third" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Third" mbr-theme-style="display-7" class="form-check-label">Third</label>
</div>
</div>
<div class="col-auto" mbr-buttons="true" mbr-theme-style="display-7" data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd">
<a data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd" type="submit" class="btn btn-primary">Submit</a>
</div>
</div>
</form><!--Formbuilder Form-->
</div>
        </div>
    </div>
</section>
Dateianhänge
screen1.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von Tommy Herrmann »

Inno,

sei doch so nett und verwende der "Code" Button vom Forum-Editor um Quelltext anzuzeigen.

Das ist der 5. Button von links: </>

Du markierst den gesamten Code mit der Maus und klickst dann auf diesen Button.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von Tommy Herrmann »

Radio-Button

Gucke mal auch hier:

https://www.w3schools.com/tags/att_input_type_radio.asp

Radio-Buttons werden normalerweise in Radio-Gruppen präsentiert (eine Sammlung von Optionsfeldern, die eine Reihe verwandter Optionen beschreiben). Es kann immer nur ein Optionsfeld (Radio-Button) in einer Gruppe gleichzeitig ausgewählt werden.

Hinweis: Die Gruppe muss denselben Namen (den Wert des Attributs "name") haben, um als Gruppe behandelt zu werden. Nachdem die Optionsfeldgruppe erstellt wurde, werden durch die Auswahl eines Optionsfelds in dieser Gruppe automatisch alle anderen ausgewählten Optionsfelder in derselben Gruppe deaktiviert. Man kann beliebig viele Radiogruppen auf einer Seite haben, solange jede Gruppe einen eigenen Namen hat.

Hinweis: Das Wertattribut definiert den eindeutigen Wert, der jedem Optionsfeld zugeordnet ist. Der Wert wird dem Benutzer nicht angezeigt, sondern ist der Wert, der beim "Senden" an den Server gesendet wird, um zu identifizieren, welches Optionsfeld ausgewählt wurde.

Dies ist der Name einer Radio-Button-Gruppe, ich habe diesen Namen hier "Radio-Auswahl" genannt:


Radio-Button-Name.JPG







Checkbox

Bei einer Checkbox hat jedes Kästchen seinen eigenen Namen. Du musst diesen Namen also anpassen.

https://www.w3schools.com/tags/att_inpu ... eckbox.asp

Die Checkbox (Kontrollkästchen) wird als quadratisches Kästchen angezeigt, das bei Aktivierung angekreuzt (markiert) ist.

Kontrollkästchen werden verwendet, damit ein Benutzer eine oder mehrere Optionen einer begrenzten Anzahl von Auswahlmöglichkeiten auswählen kann.


Checkbox-Name.JPG



Hier kannst Du das auch gerne testen:

https://www.mobirise-tutorials.com/Test ... mular.html

Das Formular:


Formular.JPG


Die Mail sieht dann so aus weil beide Checkbox-Bereiche die gleichen Feldnamen haben:



Mail.JPG



Bei "value" (Wert) könntest Du natürlich, anstelle von dem von Mobirise vorgegeben Wert "Yes", z.B. im "Code Editor"eintragen:

<input type="checkbox" value="Juli" name="Juli" data-form-field="Juli" mbr-theme-style="display-7" class="form-check-input">

... oder was auch immer dann in der Mail stehen soll...

Das könnte dann so aussehen:


Formular 2.JPG


Mail 2.JPG



Das "No" (nein), das bei nicht gewählten Checkboxen in der Mail steht, wird übrigens von Mobirise in der JavaScript Datei:

formoid.min.js

in Zeile 181 (im Verzeichnis "assets") gesetzt. Da könnte man auch nichts hinschreiben oder z.B. "nicht gewählt" oder auch zwei Striche oder so "--".


Datei formoid.min.js.JPG
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von inno »

Danke für die schnelle Rückmeldung.
Code-Button wird beim nächsten Mal verwendet! ;-)
Dann versuche ich es mal und melde mich nochmal.
Danke schon mal! :)
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von inno »

Wie kann ich im eigenen Script den name="XYZ" für für die Checkbox vergeben?
Im Form Builder kann man leider nichts eintragen!
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von inno »

Code: Alles auswählen

</div>
<div data-for="name" class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="text" name="name" placeholder="Name" data-form-field="name" mbr-theme-style="display-7" class="form-control" value="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<div class="form-control-label">
<label mbr-text="" mbr-theme-style="display-7" for="Third" class="mbr-fonts-style">Checkbox 1</label>
</div>
<div data-for="First" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="First" data-form-field="First" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="First" mbr-theme-style="display-7" class="form-check-label">First</label>
</div>
<div data-for="Second" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Second" data-form-field="Second" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Second" mbr-theme-style="display-7" class="form-check-label">Second</label>
</div>
<div data-for="Third" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Third" data-form-field="Third" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Third" mbr-theme-style="display-7" class="form-check-label">Third</label>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<div class="form-control-label">
<label mbr-text="" mbr-theme-style="display-7" for="Third1" class="mbr-fonts-style">Checkbox 2</label>
</div>
<div data-for="First" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="First" data-form-field="First" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="First" mbr-theme-style="display-7" class="form-check-label">First</label>
</div>
<div data-for="Second" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Second" data-form-field="Second" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Second" mbr-theme-style="display-7" class="form-check-label">Second</label>
</div>
<div data-for="Third" class="form-check form-check-inline">
<input type="checkbox" value="Yes" name="Third" data-form-field="Third" mbr-theme-style="display-7" class="form-check-input">
<label mbr-text="" for="Third" mbr-theme-style="display-7" class="form-check-label">Third</label>
</div>
</div>
<div class="col-auto" mbr-buttons="true" mbr-theme-style="display-7" data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd">
<a data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd" type="submit" class="btn btn-primary">Submit</a>
</div>
</div>
</form><!--Formbuilder Form-->
</div>
        </div>
    </div>
</section>
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von Tommy Herrmann »

Moin,

das hatte ich oben schon mal versucht zu erklären.

Eine Checkbox besteht aus einem "input" (Eingabe) Feld, das bereits einen Namen vergeben bekommen hat, nämlich z.B. hier:

name="First"

Das sind alles einzelne Eingabe-Felder (Kästchen) und keine zusammenhängende Gruppe.

Diese Namen kannst Du auch im "Code Editor" umschreiben, falls Du das willst.

<input type="checkbox" value="Yes" name="First" data-form-field="First" mbr-theme-style="display-7" class="form-check-input">
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Form Builder Checkbox "Name"

Ungelesener Beitrag von inno »

... ich weiss! Hat nicht geklappt! Hab den Fehler gefunden, es lag an der Groß- / Kleinschreibung.
Funktioniert jetzt! Danke Dir! :tu: :tu:
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot], Majestic-12 [Bot] und 30 Gäste