Incriment ++ oder so ...

P

pentilisea

Mitglied
Hi again,
vielleicht kann mir jemand eine Frage die mehr HTML betrifft beantworten.
Nach intensiver Suche seid Ihr meine vorletzte Hoffnung.

HTML: 
   <h4>
    <label style="color: green"for="last">Last Number:</label>
  <p>
    <input id="last" name="last" type="text" style="text-align: center; font-size:14pt; color: green;""  size="1"  maxlength="3"  increment ( ++ ) >
    
  </h4>

Mein Absicht ist durch einen linken MouseClick auf das Textfeld den Wert von input "last" auf 1 zusetzen, ein weiterer Click
würde dann 2 sein.
Es gibt viele Beispiele, die aber alle einen Button vorsehen über den der Wert um 1 erhöht wird.
Da ich 37 Input-Felder habe, ist eine Button-Version nicht anwendbar.

Eigentlich brauche ich nur Zahlen/Integer und keinen ASCII Text, aber weiss nicht wie ich das mit input hinkriege.

Und wenn wir schonmal dabei sind ...
In meinem vorherigen Post habe ich eine HTML textarea mit Zahlen gefüllt - in Ermangelung einer ListBox wie in Gambas3 oder VB.
Meine Versuche (meistens mit javaScript) die letzte Zeile/ bzw. Zahl der textarea in ein Input-Feld zu bewegen sind auch gescheitert.

Mir ist klar, das mein Anliegen genau nicht viel mit Java zu tun hat.
Danke für Eure Aufmerksamkeit.
Klaus
 
mihe7

mihe7

Top Contributor
pentilisea hat gesagt.:
in Ermangelung einer ListBox
Zum Vergrößern anklicken....
Gibts in HTML natürlich auch.

pentilisea hat gesagt.:
Mein Absicht ist durch einen linken MouseClick auf das Textfeld den Wert von input "last" auf 1 zusetzen, ein weiterer Click
würde dann 2 sein.
Zum Vergrößern anklicken....
Dir ist aber schon klar, dass die Leute in das Textfeld klicken, um den Cursor zu positionieren?

Ansonsten sehe ich da kein Problem:
HTML: 
<!DOCTYPE html>
<html>
<body>
<div>
<input id="last" type="number" value="0">
</div>

<!-- hier auch noch mal eine Listbox mit 3 sichtbaren Elementen -->
<div>
<select name="auswahl" size="3">
<option value="0">Erster</option>
<option value="1">Zweiter</option>
<option value="2">Dritter</option>
<option value="4">Vierter</option>
<option value="5">Fünfter</option>
</select>
</div>

<script>
    document.getElementById("last").addEventListener("click", e => e.target.value++);
</script>
</body>
</html>
 

Aktuelle Jobs

Neue Themen


Oben