Wie kann ich bei HTML Input Time 30 Minuten Schritte machen?

Ich habe ein Formular bei HTML und möchte das man keine Uhrzeit wie 13:43, 11:27 Uhr und so angeben kann, sondern nur 11:30, 12:00 Uhr. Also quasi 30 Minuten Schritte. Wie kann ich das realisieren?

2 Antworten

indexhtml

08.06.2022, 01:52

Denke das musst du selber machen, einfach 2 das man eine Zahl zwischen 0-24 selber eingeben kann mit max min und dann gibst du :00 oder :30 selber vor.

das step Attribut funktioniert anscheinend nicht oder nichtmehr.

indexhtml

08.06.2022, 01:52

Oder noch sauberer wenn du nur 3-4 std mittags geöffnet hast gibst du auch die vor.
warum sollte man 03:30 eingeben können, das wär dumm

Feddis08862

07.06.2022, 20:07

Du kannst ein options Feld nutzen:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_option

dort traegst du dann eben deine Uhrzeiten ein.

Ähnliche Beiträge

Warum werden Pflichtfelder in einem HTML-Formular auf dem PC erkannt und auf einem Smartphone ignoriert?

ich versuche gerade auf einer Homepage in einem Formularfeld Pflichtfelder einzubauen. Per PC funktioniert das auch wunderbar mit der Anweisung "required" bzw. input type="email" ... aber auch einem mobilen Endgerät lässt sich das Formular trotzdem einfach ohne Ausfüllen der Felder senden ... Ich weiß leider nicht weiter :(

Hier der Code dazu:

Name:

E-Mail:

Betreff:

Nachricht:

Hat wer eine Idee?

...zum Beitrag

HTML input ausgeben?

Hallo Community,

ich habe einen Code für eine Webseite mit HTML geschrieben.

Nun ist es so, das ich den input von vier Feldern, welche sich oben auf der Webseite befinden, unten auf der Webseite angezeigt haben möchte. Ich habe schon viele Möglichkeiten im Internet gefunden, aber keine wollte so richtig funktionieren. Kann mir hier jemand bei meinem Problem helfen?

Bei dem Code kann ich euch nur einen Ausschnitt, nämlich den mit den betreffenden Teilen reinschicken, da die Frage sonst zu lang ist.

MfG Kuchenmonster31

Teilcode:

Feedbackwebsite
<form class="Formular" action="datenbank für website.py" method="post">
  Vorname:
  <input type="text" name="vorname" size="30" maxlength="50">
</form>
<!-- Nachname -->
<form class="Formular" action="datenbank für website.py" method="post">
  Nachname:
  <input type="text" name="nachname" size="30" maxlength="50">
</form>
<!-- Fedback für Coding School -->
<form class="Formular" action="datenbank für website.py" method="post">
  Feedback für die<br> Coding School:
  <textarea type="text" name="vorname" size="30" maxlength="1000"></textarea>
</form>
<!-- Feedback für Website -->
<form class="Formular" action="datenbank für website.py" method="post">
  Anmerkung zur <br> Website:
  <textarea type="text" name="vorname" size="30" maxlength="1000"></textarea>
</form>
<!-- Button damit die eingabe unten auf der Website angezeigt wird: -->
<button class="Button">Formular abschicken</button>
<h4 class="Ausgabe">Ausgabe:</h4>

...zum Beitrag

eigenen HTML-Website, die auf meinem privaten Server zu Hause gehostet ist fernzugriff?

"Hallo liebe Community! Ich grüße euch herzlich. Ich arbeite derzeit an meiner eigenen HTML-Website, die auf meinem privaten Server zu Hause gehostet ist. Nun möchte ich die Möglichkeit haben, diese Website von extern aus zu bearbeiten, ohne physisch auf meinen Server zugreifen zu müssen. Welche Schritte muss ich unternehmen, um eine sichere Fernzugriffsverbindung einzurichten, damit ich meine Website von überall aus bearbeiten kann? Ich bin dankbar für ausführliche Anleitungen und Tipps, wie ich dies realisieren kann. Wenn die snicht möglich ist würde auch ein zugriff von extern auf den servcer gehen wenn möglich erklären wie es gheht. möchte den server nicht bei einen provider hosten sondern bei mir. Vielen Dank im Voraus!"

...zum Beitrag

JavaScript - Formularfelder dynamisch hinzufügen?

Ich habe ein HTML-Formular. Darin soll man in eine Datenbank eine Frage mit x Antworten speichern kann. Habe folgendes als Vorlage benutzt, komme aber nicht weiter:

https://werner-zenk.de/javascript/formularfelder_dynamisch_hinzufuegen.php

Ich benötige aber neben einem Input-Feld für eine Antwort nur die Möglichkeit zur Definition, ob diese Antwort Richtig oder Falsch ist.

Habe jetzt folgendes Versucht... (Auszug für function feld_plus())

<script>
function feld_plus() {
 if (feld <= 9) {
  feld++;
 document.getElementById('dynamic_input').innerHTML = "";
  for (var counter = 1; counter <= feld; counter++) {
   var label = "Antwort " + counter;
   var inhalt = document.getElementById("antwort" + counter).value;
   document.getElementById('dynamic_input').innerHTML += "<label style=\"float: left;\">" + label + ": <input type='text' name='n_" + feld + "' value='" + inhalt + "' onInput='antwort(this.value, \"" + feld + "\")'></label><fieldset><input type='radio' id='true" + counter + "' name='statuscode' value='11'><label for='true" + counter + "'>Richtig</label> <input type='radio' id='false" + counter + "' name='statuscode' value='12'><label for='false" + counter + "'>Falsch</label></fieldset><br>";
  }
 }
}
function antwort(inhalt, feld) { document.getElementById("antwort" + feld).value = inhalt; } </script>
<a href="question_add.php"><button>Frage erstellen</button></a> <hr> <h2>Fragestellung</h2> <p>Nachfolgend die Frage eintragen...</p> <form id="question_add" action="question_action.php" method="POST" onsubmit="return confirm('Frage speichern?');"> <textarea form="question_add" name="questionText" wrap="soft" rows="2" placeholder="Wie lautet ...?" required></textarea><br> <hr> <h2>Antworten</h2> <p>Nachfolgend die Antwortmöglichkeiten angeben.</p> <p>Antworten hinzufügen <input type="button" value="-" onClick="feld_minus();"><input type="button" value="+" onClick="feld_plus();"></p>
<div id="dynamic_input"></div>
<!-- Antworten --> <input type="hidden" id="antwort1"> <input type="hidden" id="antwort2"> <input type="hidden" id="antwort3"> <input type="hidden" id="antwort4"> <input type="hidden" id="antwort5"> <input type="hidden" id="antwort6"> <input type="hidden" id="antwort7"> <input type="hidden" id="antwort8"> <input type="hidden" id="antwort9"> <input type="hidden" id="antwort10">

<hr>
<input type="submit" value="Frage speichern" >
</form>

...optisch passt dass... allerdings sind die Radio-Buttons buggy...

Definiere ist Antwort1 als richtig, und dann Antwort2 als falsch, so ist bei Antwort1 nicht mehr ausgewählt... als wenn das Fieldset nicht korrekt abgeschlossen wird.

Kennt sich damit jemand aus?

...zum Beitrag

Richtige ARIA - Accessibility Auszeichnungen?

Heute geht es mir um eine korrekte ARIA - Accessibility Auszeichnung:

A) Die (TAB) Skip- Links

<!-- Skip links -->
<nav role="navigation" aria-label="skiplinks" id="skiplinks">
	<a href="#main-content" class="skip-link">Zum Haupt&shy;inhalt springen</a>
	<a href="#totop" class="skip-link">Zum Skip&shy;button springen</a>
	<a href="#foot-global"class="skip-link">Zum Footer springen</a>
</nav>

B) Meine Haupt - Navigation

<!-- HAUPT - Navigation -->
<nav id="main-nav" aria-label="MainNav">
  <details id="site-nav-heading">
	<summary aria-labelledby="site-nav-heading">Haupt-&shy;Navigation</summary>
	  <ul aria-labelledby="site-nav-heading">
		<li><a href="">Website Erika Mustermann</a></li>
		<li><a href="">Blog Max Mustermann</a></li>
	  </ul>
  </details>
</nav>

C) Ein INTERNES SKIPPEN zu einzelnen BLOG-ARTIKELN (geordnet nach Datum & Uhrzeit

<nav id="navigations" class="" aria-labelledby="skiptosection-label">
<h3 id="skiptosection-label" class="visually-hidden">Intern-Site-Navigation</h3>
<div class="skipsection-links">
<details>
	<summary class="site-navigation-header">Inhalt</summary>					
		<ul class="site-nav-skiplinks">
			<li><a href="#blogartikel05">20-02-2024<span>13:00 Uhr</span></a></li>
			<li><a href="#blogartikel04">12-02-2024<span>14:30 Uhr</span></a></li>
		</ul>
</details>
</div>
</nav>

D) Zum Schluss noch der Nach-OBEN (SKIP - to - Top) Button

<!-- SKIP - to TOP LINK -->	
<nav id="skiptop" aria-labelledby="skiptop-label" class="scroll-top-wrapper">
<h2 class="visually-hidden">Skip-to-TOP</h2>
	<div id="skiptop-label" class="scroll-top_link">
		<a href="#skip-to-top"><span>skip to top</span></a>
	</div>
</nav>

Bitte das mal zu korregieren.

...zum Beitrag

Uhrzeit auf französisch?

Wie sagt man 23:30 Uhr auf französisch? Und 11:30 Uhr (morgens)?

...zum Beitrag

Kommt mein DHL Paket morgen oder übermorgen?

Status: Die Sendung wurde vom Absender in der Filiale eingeliefert. Do, 05.03.2015 11:43 Uhr Nächster Schritt: Die Sendung wird ins Start-Paketzentrum transportiert.

...zum Beitrag

JavaScript - Formularfelder hinzufügen?

Guten Morgen,

ich suche einen Weg, um einem HTML-Formular ein weiteres "Paket" an Feldern hinzuzufügen.

"Paket" soll beinhalten:

<label style="float: left;">Antwort%: <input type="text" name="antwort%" </label><fieldset><input type="radio" id="true%" name="status" value="1"><label for="true%">Richtig</label> <input type="radio" id="false%" name="status" value="0"><label for="false%">Falsch</label></fieldset><br>

...dabei sollen die %-Zeichen durch einen Zähler ersetzt werden -> Neue Feld = counter++

Gibt es dafür ein einfaches(!) Skript...

Will nur einen Button zum hinzufügen... im Backend kann ich mit PHP prüfen ob von den 10 hinzugefügten Feldern auch wirklich alle ausgefüllt sind.

Wäre sehr dankbar wenn mir jemand helfen könnte

Skill:

HTML - ja

PHP - ja

JavaScript- Nein :(

...zum Beitrag

Aktuelle Uhrzeit (jetzt gerade)?

Wie viel Uhr ist es jetzt? Die Zeit wurde ja umgestellt heute Nacht. Aber meine Handyuhr, zeigt 5:43 Uhr. Die PC Uhr 6:43 Onlineseiten zeigen auch welche 5:43 und 6:43 Uhr was stimmt denn Jetzt?

Nur noch nervig. Hoffentlich, schaffen sie diesen scheiss endlich mal ab.

...zum Beitrag

Warum habe ich wieder so einen dämlichen Stundenplan?

OK hier mein dämlicher neuer Stundenplan:

Montag:

1.Stunde (9-10 Uhr): Frei

2.Stunde (10-11 Uhr): Informatik

3.Stunde (11:30-12:30 Uhr): Deutsch

4.Stunde (12:30-13:30 Uhr): Frei

Dienstag:

1.Stunde (9-10 Uhr): Mathe

2.Stunde (10-11 Uhr): Elektrotechnik

3.Stunde (11:30-12:30 Uhr): Informatik

4.Stunde (12:30-13:30 Uhr): Physik

Mittwoch:

1.Stunde (9-10 Uhr): Frei

2.Stunde (10-11 Uhr): Frei

3.Stunde (11:30-12:30 Uhr): Deutsch

4.Stunde (12:30-13:30 Uhr): Englisch

Donnerstag:

1.Stunde (9-10 Uhr): Mathe

2.Stunde (10-11 Uhr): Physik

3.Stunde (11:30-12:30 Uhr): Frei

4.Stunde (12:30-13:30 Uhr): Frei

Freitag:

1.Stunde (9-10 Uhr): Frei

2.Stunde (10-11 Uhr): Englisch

3.Stunde (11:30-12:30 Uhr): Mathe

4.Stunde (12:30-13:30 Uhr): Elektrotechnik

Was mich stört:

Donnerstag und Freitag Mathe sprich man muss die Hausaufgaben an einem Tag machen.
3 Stunden Mathe und nur 2 Stunden Elektrotechnik und Informatik auf einer Schule mit Schwerpunkt Informatik und Elektrotechnik.
Dienstag Overkill 4 ganze Stunden Unterricht (60 Minuten Stunden, die meisten Schulen haben nur 45 Minuten oder 30 Minuten Stunden (lächerlich so etwas Stunde zu nennen)).
2 Stunden Deutsch und Englisch in der Woche (Eine wäre mir schon zu viel).

Der Stundenplan ist zwar besser als der an meiner alten Schule, aber trotzdem noch dämlich.

...zum Beitrag

HTML CSS Website Footer wird im Container angezeigt, obwohl er nicht drin ist?

Hallo,

Ich "programmiere" gerade ein wenig mit HTML und CSS und baue eine Website mit einem Head, einer Main und einem Footer. Mein Problem ist, dass alle Elemente der Website nach der Main (bei mir heißt sie "Container") trotzdem noch innerhalb des Containers angezeigt werden. Somit ist bei mir der Footer im Container Main, obwohl der Container vorher schon geschlossen wurde.

-------------------------------------------------------------------------------------

HTML CODE:

<!DOCTYPE html>
<html>
 <head>
  <title>Aufgabe 1</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
  <header>
   <header1 class="item1">
    <h2>FeWos</h2>
   </header1>
  </header>
  <div" class="container">
   <div class="b1">
    <div>
     <h1>Item 1</h1>
    </div>
    <div class="bild1">
     <img src="pingu.png" width="50%" height="50%">
    </div>
   </div>
   <div class="b1"><br>Box 2</div>
   <div class="b1"><br>Box 3</div>
   <div class="b1"><br>Box 4</div>
   <div class="b1"><br>Box 5</div>
   <div class="b1"><br>Box 6</div>
  </div>
  <footer>
   <p>Hallo</p>
  </footer>
 </body>
</html>

----------------------------------------------------------------------------------------------------

CSS CODE:

body {
  margin: 0;
}
header {
  height: 120px;
  background-color: rgb(43, 43, 43);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.container {
  border: 3px solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 90px;
  padding: 90px;
}
.b1 {
  display: flex;
  background-color: rgb(93, 161, 224);
  width: 30%;
  height: 500px;
  flex-grow: 1;
  transition: transform 0.2s ease-out;
  border-radius: 20px;
}
.b1:hover {
  transform: scale(1.05);
}
.bild1 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: auto;
  height: auto;
}
footer {
  background-color: rgb(43, 43, 43);
  width: 100%;
  height: 120px;
  padding: 0px;
}

----------------------------------------------------------------------------

Wie man sehen kann wird der "container" mit </div> abgeschlossen, aber der Footer ist trotzdem im Container. Hoffe mir kann jemand bei dem Problem helfen.

Auf dem Bild kann man das auch ganz gut sehen. Das anthrazit farbige soll der Footer sein und dieser liegt innerhalb des Containers, welcher zur Sichtbarkeit eine Umrandung hat.
Würde mich echt freuen, wenn mir jemand weiterhelfen kann. Hab auch Chat GBT schon gefragt, aber Chat GPT sagt, dass der Code ganz normal ist und, dass der Footer nicht im Container ist.

...zum Beitrag

Discord Timer Bot?

Gibt es einen Discord Bot der zum Beispiel um 13:00 Uhr "Noch 2 Stunden" und um 14:00 Uhr "Noch 1 Stunde" und um 14:30 "Noch 30 Minuten" und so weiter postet?

...zum Beitrag

HTML - Uhrzeit - Text?

Hallo, ich will mithilfe von HTML und JavaScript eine kleine Anwendung programmieren.

Die Anwendung soll die Uhrzeit abfragen. Zwischen 6 bis 11:59 Uhr soll der Text „Guten Morgen“ angezeigt werden.

Zwischen 12 und 17:59 Uhr soll der Text „Guten Tag“ angezeigt werden.

Zwischen 18 Uhr und 5:59 Uhr soll der Text „Schönen Abend noch/Schlaf gut“ angezeigt werden.

Der Text, der angezeigt werden soll, ist also von der Uhrzeit abhängig.

wie kann man das mit html und JavaScript machen?

...zum Beitrag

Programmieren in C# Uhrzeit berechnen?

! Wir fahren um 10 Uhr los!!!

 class Program
    {
        static double distance = 0;
        static int speed  = 0;
        static double time = 0;

        static void Main(string[] args)
        {
   Console.WriteLine("Berechung der Ankunftszeit bei der Tante");
            
            Console.Write("Entfernung in Km:    ");
            distance = Convert.ToDouble(Console.ReadLine());

            Console.Write("Geschwindigkeit in km/h: ");
            speed = Convert.ToInt32(Console.ReadLine());

            distance = Math.Round(distance,2);
            time = distance / speed;
            time = Math.Round(time, 2);
            
            Console.WriteLine($"Für die Strecke von {Math.Round(distance,2)} km benötigen Sie " +
                $"{time} Stunden. ");


            Console.WriteLine($"Sie kommen um {hour}:{minute}:{second} an");

Hey Leute, wie kann hier die Uhrzeit berechnen, also die Stunden: Minuten: Sekunden?

Danke im voraus!

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen