Contact Forum 7 – Trotz Feld keine Eingabemöglichkeit

[rfgterry]

Hallo Zusammen,

ich bin realtiv NEU in Sachen CSS und so.

Ich habe mir jetzt ein Formular gebaut kann aber keine Eingabe tätigen, zumindet in den modifizierten Feldern nicht. Was habe ich übersehen?

Vielen Dank für Eure Hilfe!!!

Hier die Tabellengestaltung:

[text* your-subject placeholder"Club/Werkstatt*"]

<div class="form_split_2">[text* your-subject placeholder"Club/Werkstatt*"]</div>
<div class="form_split_2 form_split_end">[text* Ansprechpartner placeholder"Ansprechpartner*"]</div>

<div class="form_split_2">[tel Festnetz placeholder"Festnetz"]</div>
<div class="form_split_2 form_split_end">[tel Mobil placeholder"Mobil"]</div>

<div class="form_split_2">[email* E-Mail placeholder"E-Mail"]</div>
<div class="form_split_2 form_split_end">[url url-423 placeholder"Homepage"]</div>

<div class="form_split_3">[text Strasse placeholder"Strasse"]</div>
<div class="form_split_3">[text* PLZ placeholder"PLZ"]</div>
<div class="form_split_3 form_split_end">[text* Ort placeholder"Ort"]</div>

[file file-82 limit:2000000 filetypes:jpg|jpeg|png placeholder"Logo"]

[textarea Oeffnungszeiten placeholder"Öffnungszeiten"] 

[textarea Notiz placeholder"Notiz"]

[submit "Senden"]

Und hier die CSS dazu:

.form_split_2 {
width: 49.5%;
float: left;
margin-right: 1%;
}

.form_split_3 {
width: 32.65%;
float: left;
margin-right: 1%;
}

.form_split_4 {
width: 24.3%;
float: left;
margin-right: 1%;
}

.form_split_end {
margin-right: 0px;
}`
`

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

[rfgterry]

@bscu

Bähm! Jetzt geht’s! Krass!!! Wie erkennt man sowas?

[bscu]

Das kann man mit etwas Erfahrung mit den Entwicklertools des Browsers finden.

[rfgterry]

Respekt! Da steht mir ja noch einiges bevor.
Fange Montag ne Umschulung zum Mediengestalter an 🙈

[Bego Mario Garde]

… wenn man an der richtigen Stelle sucht.

Ich hatte eher ein „prevent default“ in JavaScript in Verdacht.

¯\_(ツ)_/¯

[rfgterry]

„prevent default“ in JavaScript

BAHNHOF!!! Ihr seid beide meine Helden 😉 👍

[bscu]

Siehe z.B. https://www.mediaevent.de/javascript/event-handler-default-verhindern.html

[rfgterry]

Danke, aber das bringt auch nicht wirklich Licht ins Dunkel 🤣.

Gibt es irgendwo ne gute Seite um sich da reinzulesen?
Quasi um mich darauf vorzubereiten?

[bscu]

Die HTML/CSS/JavaScript-Bibel findet du hier: https://www.w3schools.com/

[rfgterry]

Danke Dir.

Wünsche noch einen schönen Abend und einen ruhigen Wochenstart.

[Bego Mario Garde]

@rfgterry
Die Web-Entwicklertools des Browsers sind oft eine sehr große Hilfe: Rechtsklick auf die Webseite > Element untersuchen. Du siehst dann den HTML-Code und das verwendete CSS, kannst in einer Konsole JavaScript-Fehler auslesen, siehst welche Dateien innerhalb welcher Zeit im Netzwerk (nicht) übertragen werden, welche Cookies gesetzt werden, wie die Webseite auf kleineren Displays aussieht, usw.

Ich hatte vermutet, dass ein JavaScript das normale Verhalten („default“) abschaltet („prevent“) und mit einem anderen Verhalten überschreibt und dadurch das Formular unbrauchbar gemacht wird. Das war aber offensichtlich eine Fehlannahme. bscu hat dir ja die eigentliche Ursache genannt.