[HTML] Checkboxes werden nicht angezeigt?

Gib hier die Adresse Deiner Webseite ein: https://validator.w3.org/

Dann bekommst Du alle HTML Fehler angezeigt. Beseitige diese und alles wird wie gewünscht funktionieren.

KeimBaum12

Fragesteller

14.06.2019, 18:03

geht leider nicht, die Seite wird erst angezeigt wenn man eingeloggt ist und dann ist von JS aus das ganze noch deaktiviert und muss erst durch eine Eingabe aktiviert werden

EinAlexander

14.06.2019, 18:04

die Seite wird erst angezeigt wenn man eingeloggt ist

dann kopier den Quelltext und füg ihn in den Validator ein.

KeimBaum12

Fragesteller

14.06.2019, 18:07

keine Fehler

EinAlexander

14.06.2019, 18:14

keine Fehler

daran zweifle ich. Wenn Du dieses Dokument im Firefox anschaust siehst Du dass alle wie erwartet angezeigt wird:

<!doctype html>
<title>input</title>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="verhalten_freundlich" id="verhalten_freundlich">
<label class="form-check-label" for="verhalten_freundlich">Freundlich</label>
</div>

KeimBaum12

Fragesteller

14.06.2019, 18:30

bei mir wird leider nichts angezeigt mit firefox. keine fehler. könntest du mir diese evtl. schicken?

EinAlexander

14.06.2019, 18:35

Kopier diese Datei in einen Texteditor, speichere sie ab unter dem Namen test.html und sieh sie dir im Firefoxbrowser an. Was siehst Du?

<!doctype html>
<title>input</title>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="verhalten_freundlich" id="verhalten_freundlich">
<label class="form-check-label" for="verhalten_freundlich">Freundlich</label>
</div>

KeimBaum12

Fragesteller

14.06.2019, 18:55

EinAlexander

14.06.2019, 18:56

Das beantwortet meine Frge nicht. Kopier diese Datei in einen Texteditor, speichere sie ab unter dem Namen test.html und sieh sie dir im Firefoxbrowser an. Was siehst Du?

<!doctype html>
<title>input</title>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="verhalten_freundlich" id="verhalten_freundlich">
<label class="form-check-label" for="verhalten_freundlich">Freundlich</label>
</div>

KeimBaum12

Fragesteller

14.06.2019, 20:53

eine Checkbox mit Label

EinAlexander

15.06.2019, 08:05

Also liegt der Fehler nicht in dem Schnipsel den du gepostet hast. Ohne den gesamten Code zu kennen kann Dir niemand helfen.

Gaskutscher

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

14.06.2019, 17:40

Noch mal den Text lesen den du geschrieben hast -> in welchem von den beiden Browsern wird er nicht angezeigt?

Woher ich das weiß:Studium / Ausbildung – Früher Beruf, heute »nur« noch Hobby.

KeimBaum12

Fragesteller

14.06.2019, 17:46

Firefox nicht angezeigt. sry ^^

Gaskutscher

14.06.2019, 17:48

Hm... Funktioniert bei mir in beiden.

F5 drücken im Firefox hat nichts gebracht?

KeimBaum12

Fragesteller

14.06.2019, 17:53

@Gaskutscher

nein

HugeGameArtGD

14.06.2019, 17:38

Sie werden in beiden Browsern angezeigt?

KeimBaum12

Fragesteller

14.06.2019, 17:46

Firefox nicht angezeigt. sry ^^

HugeGameArtGD

14.06.2019, 17:48

Checkboxen die Pflicht sein soll?

die CSS-Datei fehlt noch (der Klasse form-check)

KeimBaum12

Fragesteller

14.06.2019, 17:53

@HugeGameArtGD

es gibt in den style dateien kein form-check, kann es daran liegen?

Ähnliche Fragen

man soll umbedigt eines der Checkboxen auswählen, Bei Bedarf oder Regelmäßig oder Nein.

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Bei_Bedarf)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Bei_Bedarf" value="Ja">{/if} {language key="elf_Frage_11_Bei_Bedarf"}{if !$pdf}</label>{/if}</div>       

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Regelmaessig)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Regelmaessig" value="Ja">{/if} {language key="elf_Frage_11_Regelmaeßig"}{if !$pdf}</label>{/if}</div>

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Nein)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Nein" value="Ja">{/if} {language key="elf_Frage_11_Nein"}{if !$pdf}</label>{/if}</div>

HTML Formularbutton, der E-Mail versendet?

Hallo,

ich habe in meiner Webseite ein Formular erstellt (Code ist hier eingefügt) und möchte, dass wenn man auf den <input> (submit) drückt, dass eine E-Mail versendet wird, an eine Adresse, die ich vllt. im HTML-Code angeben würde.

Geht das irgendwie?

Danke im Voraus!

<form style="margin-left: 3%; margin-right: 3%; padding-top: 20px;">
  <div class="form-group">
    <label>Vorname, Nachname</label>
    <input type="text" class="form-control" name="Name" placeholder="Ihr Name">
  </div>
  <div class="form-group">
    <label>E-Mail</label>
    <input type="email" class="form-control" name="E-Mail" placeholder="Ihre E-Mail">
  </div>
  <div class="form-group">
    <label>Betreff/Titel</label>
    <input type="text" class="form-control" name="Titel" placeholder="Titel">
  </div>
  <div class="form-group">
    <label>Anliegen</label>
    <textarea class="form-control" name="Anliegen" placeholder="Ihr Anliegen"></textarea>
  </div>
  <div class="form-group">
    <input type="submit" class="btn btn-primary" name="Button" value="Senden">
  </div>
</form>

HTML-Eingabefeld mit jQuery nur mit Zahlen zulassen?

Wie lässt sich in HTML-Eingabefeld mit jQuery nur numerisch (0-9) zulassen?

<div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label for="Bauherr_PLZ">PLZ</label>
                                                                <input type="text" class="form-control" maxlength="5" onKeyUp="zahl()" value="{if isset($values.Bauherr_PLZ)}{$values.Bauherr_PLZ}{/if}" name="Bauherr_PLZ" />
                                                            </div>
                                                            </div>

Html CSS Suchleiste, hilfe?

Der Code unten ist eine Suchleiste die sich erweitert wenn man auf das search icon klickt,

das Problem ist das dann kein hellgrauer text in dem input feld steht bevor man was getippt hat.

wie zum beispiel auf gutefrage.net "Suche nach Fragen,Themen und Nutzern" und wenn man was eintippt verschwindet es.

Kann das jemand hinzufügen sodass es auch einen text im input hat,

wenn ihr Hallo oder sowas da reinschreibt seh ich schon wo ich das selber machen.

<!-- Expandable Textfield -->
<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
    <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
      <i class="material-icons">search</i>
    </label>
    <div class="mdl-textfield__expandable-holder">
      <input class="mdl-textfield__input" type="text" id="sample6">
      <label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
    </div>
  </div>
</form>

JQuery: Textfeld (input): Wie erreiche ich, dass bei Selektion von 2020/2021 das Jahr 2018 auf der Seite herauskommt?

Ich will, dass wenn man 2020/2021 aussucht, das Jahr 2018 herauskommt. Aber nicht in einem neuen Tab, sondern auf der Webseite!

das Jahr 2018 soll nicht in einem neuen Fester stehen, sondern einfach auf dem Formular

$("select[name=Symp]").change(function () {
  if ($(this).val().length > 0) {
    var sj = $(this).val().toString().split('/');
    alert((parseFloat(sj[0]) - 2));
  }
});

<div class="row" style="height: 28px;">
  <div class="form-inline">
    <div class="col-xs-12">
      <div class="form-group">
        <label for="Symp"><h4><b>im Schuljahr:</b></h4></label>
        {if $pdf}
          <input type="text" class="form-control" style="width:3cm"; name="Symp" value="{$values.Symp}">
        {else}
          <select class="form-control" name="Symp">
            <option value="" selected=""></option>
            <option value="2020/2021">2020/2021</option>
            <option value="2021/2022">2021/2022</option>
            <option value="2022/2023">2022/2023</option>
          </select>
        {/if}
      </div>
    </div>
  </div>
</div>

Formulare html Label weglassen?

Hallo, ich habe folgende Frage:

Mein Dozent hat uns im Unterricht folgende Schreibweise beigebracht:

<form action="suche.html">
    Vorname: <input type="text" name="vorname">
</form>

Wir nutzen hier kein label (das kommt allerdings "radio" oder "checkbox" zum Einsatz..) Ist diese Schreibweise jetzt verkehrt? Im Internet sieht man nämlich überall Beispiele mit labels, wenn man den input type "text" verwendet:

<form action="suche.html">    
<label for="vorname">
Vorname:<input type="vorname" id="vorname">
</label>
</form>

Wie erstelle ich ein dynamisches Kontaktformular?

Hallo, also ich habe bereits ein Kontaktformular erstellt das auch soweit gut funktioniert hierzu mein bisheriger Code:

    <?php
    if(isset($_POST["submit"])){
      mail("email@mail.com", "Kontaktformualr", 'Vorname: '.$_POST["vorname"].'Nachname: '.$_POST["nachname"].' Email: '.$_POST["email"].' Betreff: '.$_POST["subject"].' Nachricht: '.$_POST["message"]);
      ?>
      <h1 style="color: green;">Das Kontaktformular wurde abgesendet!</h1>
      <?php
    }
    ?>


    <form action="contact.php" method="post" class="service-contact-form">
      <input class="service-input-field" type="text" name="vorname" placeholder="Vorname*" required="required"><br>
      <input class="service-input-field" type="text" name="nachname" placeholder="Nachname*" required="required"><br>
      <input class="service-input-field" type="email" name="email" placeholder="Email*" required="required"><br>
      <input class="service-input-field" type="text" name="subject" placeholder="Betreff"><br>
      <textarea class="service-textarea-field" name="message" rows="8" cols="80" placeholder="Nachricht*" required="required"></textarea><br>
      <button class="service-contact-form-button" type="submit" name="submit">Senden</button>
    </form>

Das ist jetzt das normale Kontaktformular, allerdings würde ich gerne unterschiedliche Kontaktformulare mit einem <select> Element auswählen können.

    <div class="service-contact-form-select">
      <select>
        <option value="0">Support Anfrage</option>
        <option value="1">Bestellung</option>
      </select>
    </div>

Denn ich brauche bei der Supportanfrage wesentlich weniger Informationen wie bei dem Bestellformular.

Also was soll passieren?

Wenn ich bei <select> value="0" habe soll das Formular wie oben beschrieben aussehen.

Wenn ich aber bei <select> value="1" habe soll das Kontaktformular um weitere Elemente erweitert werden deren Informationen dann auch via php an meine e-mail übermittelt werden.

Kann mir hier jemand weiterhelfen?

JavaScript: Text nach Button-Klick in Textfeld?

Ich habe so eine Seite :

<li class="items">
    <p>some text 1</p>
    <div><button class="link" value="1">Wählen</a></div>
</li>
<li class="items">
    <p>some text 2</p>
    <div><button class="link" value="2">Wählen</a></div>
</li>
<li class="items">
    <p>some text 3</p>
    <div><button class="link" value="3">Wählen</a></div>
</li>



<form action="send" method="POST">
    <input type="text" name="text" id="text" required>
    <input type="number" name="zahl" id="zahl">
    <button type="submit" name="submit">Senden</button>
</form>

oben sind mehrere Texte mit je einem Button zum Auswählen (derzeit ohne funktion). Unten ist dann ein Formular und man kann selbst die Zahl des Textes dort eintragen.

Jetzt will ich das aber für leute vereinfachen und ermöglichen, dass man einfach auf den jeweiligen Button klickt und dann die Zahl (das value des Buttons) in das textfeld "number" eingetragen wird. Wie kann ich das mit javascript machen ? außerdem sollte der cursor direkt in das textfeld "text" gehen.

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

Wie kann ich bei einer richtiger Antwort einen Text anzeigen lassen und bei einer falscher Antwort einen anderen?

Ich möchte auf meiner Webseite ein kleines Multiple-choice-Quiz machen.

Hier möchte ich, dass, wenn man das Richtige auswählt und auf Lösung klickt, eine Nachricht erscheint, dass dies die richtige Lösung ist. Bei einer falschen dann halt, dass es die falsche Antwort ist.

Ich könnte hier nach action="/Tests/Posts" eine andere Webseite öffnen lassen. Aber dann würde sich ja bei der falschen Antwort und bei der richtigen Antwort das gleiche Fenster öffnen.

<form method="post" action="/Tests/Post">
  <fieldset>
    <legend>Bei Längswellen erfolgt die Schwingung ... Ausbreitungsrichtung.</legend>
    <input type="checkbox" name="schwingung" value="in" onclick="return ValidatePetSelection();">... in ...<br>
    <input type="checkbox" name="schwingung" value="querZur" onclick="return ValidatePetSelection();">... quer zur ...<br>
    <input type="checkbox" name="schwingung" value="Birds" onclick="return ValidatePetSelection();">... gegen ...<br>
    <br>
    <input type="submit" value="Lösung">
  </fieldset>
</form>
<script type="text/javascript">
  function ValidatePetSelection() {
    var checkboxes = document.getElementsByName("schwingung");
    var numberOfCheckedItems = 0;

    for (var i = 0; i < checkboxes.length; i++) {
      if (checkboxes[i].checked)
        numberOfCheckedItems++;
    }

    if (numberOfCheckedItems > 1) {
      alert("Es ist genau eine Antwort richtig.");
      return false;
    }
  }
</script>

Webseite: Kennt sich jemand damit aus?

Und zwar brauche ich kurz hilfe. Ich möchte dass man im Registrier-Formular ein Profilbild auswählen kann. Wenn man Angemeldet ist, soll das eigene PB oben rechts in der Ecke angezeigt werden.

HTML-Code (Formular):

<div class="container">
      <div class="box">
		  <div class="scroll">
        <form action="" method="POST" class="login-email">
          <p class="login-text">Registrieren</p>
		<div class="profile-pic-div">
            <img src="img/default-pb.jpg" id="photo">
			<input type="file" id="file">
			<label for="file" id="uploadBtn">Profilbild Wählen</label>
          </div>
          <div class="input-group">
            <input type="text" placeholder="Benutzername" name="username" value="<?php echo $username; ?>" required>
          </div>
          <div class="input-group">
            <input type="email" placeholder="Email" name="email" value="<?php echo $email; ?>" required>
          </div>
          <div class="input-group">
            <input type="password" placeholder="Passwort" name="password" value="<?php echo $_POST['password']; ?>" required>
          </div>
          <div class="input-group">
            <input type="password" placeholder="Wiederhole das Passwort" name="cpassword" value="<?php echo $_POST['cpassword']; ?>" required>
          </div>
          <div class="input-group">
           <button name="submit" class="login-btn">Registrieren</button>
          </div>
          <p class="login-register-text">Du hast bereits ein Konto? <a href="https://www.klexxstube.com/anmelden">Melde dich an</a></p>
        </form>
			 </div>
      </div>
    </div>

Hier der Code zum Wechseln vom PB (JS):

const imgDiv = document.querySelector('.profile-pic-div');
const img = document.querySelector('#photo');
const file = document.querySelector('#file');


file.addEventListener('change', function() {
	const choosedFile = this.files[0];
	
	if (choosedFile) {
		
		const reader = new FileReader();
		
		reader.addEventListener('load', function() {
			img.setAttribute('src', reader.result);
		});
		
		reader.readAsDataURL(choosedFile);
	}
});

Vielleicht habt ihr auch eine komplett andere Version wie man so etwas schaffen kann.

LG Klexxsy

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

<link rel="stylesheet" href="style.css">
<?php
$db = unserialize(file_get_contents('data.php'));
if($db == false){
        $db = array();
}
if($_POST['mail'] == ''){
        if($_POST['name'] == ''){
                if($_POST['pass'] == ''){a
                        if(!array_key_exists($_POST['mail'], $db){
                                $db[$_POST['mail']] = [$_POST['name'], []];
                                file_put_contents('data.php', serialize($db));
                        } 
                }
        }
}
?>
<form action="" method="post">
    <center>
        <label for="firma_name" >name:</label><br>
        <input type="text" class="input" name="name" autocomplete="off"><br>
        <label for="produkte">email:</label><br>
        <input type="text"  class="input" name="mail" autocomplete="off"><br>
        <label for="adresse">pass:</label><br>
        <input type="text"  class="input" name="pass" autocomplete="off"><br>
        <input type="submit" class="anmelde_button" value="anmelden">
    </center>
</form>

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

[HTML/CSS] Zwei Form Elemente nebeneinander in die Mitte des Bildschirms?

Hallo Leute, ich würde gerne meine beiden Input Elemente nebeneinander in die Mitte des Bildschirms haben. Habe schon versucht ein DIV außenrum zu erstellen und diesem text-align:center zu geben. Hat leider nicht geholfen.

Mein Code:

<div class="upperForm form-row">
  <div class="form-group">
    <label for="name1">Name</label>
    <input type="text" class="form-control main-input" id="name1" placeholder="">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail1">Email</label>
    <input type="email" class="form-control main-input" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
</div>

Plausibilitätsprüfung als jQuery Code?

Benötige für eine Ausgabe eine Plausibilitätsprüfung als jQuery Code um ein Alter zu überprüfen, bzw. einzutippen: Unter Geburtsdatum tippen man das Datum ein, und bei Jahr_Einrichtung soll man ein Alter (Zahl) eintippen, die zum Datum übereinstimmt.

Das heißt, wenn man ein Datum 23.06.2020 eintippt, kann man nur Zahlen von 1 bis 3 eintippen, ansonsten kommt es zu eine Fehlermeldung

<label for="Geburtsdatum"style="width:165px;">Geburtsdatum</label>
<input type="text" class="form-control" style="width: 129px;" style="max-width: 130px;" id="Geburtsdatum" name="Geburtsdatum" value="{if $pdf}{$values.Geburtsdatum}{/if}">
                                                    
                                                              
<label for="Jahr_Einrichtung" style="width: 120px;">Das Kind besucht seit</label>
input type="text" class="form-control" maxlength="2" style="width: 30px;"  name="Jahr_Einrichtung" value="{if $pdf}{$values.Jahr_Einrichtung}{/if}">