Probleme HTML Neu laden

  • HTML

Es gibt 6 Antworten in diesem Thema. Der letzte Beitrag () ist von Manü.

    Probleme HTML Neu laden

    Hallo Comm,

    Ich habe in einer HTML folgende Funktion

    Quellcode

    1. <form method=GET action="http://www.google.de/search">
    2. <input type=HIDDEN name=H1 value=DE>
    3. <ul class="style-text"><input type="text" name="q" size=90 maxlength=255> </ul>
    4. <input class="style-button" type="submit" value="Google-Suche">
    5. </form>

    Wenn ich jetzt damit was suche Funktioniert das auch Ohne Probleme, wenn ich auf die Seite zurück komme bleibt aber der Text der drin stand vorm suchen stehe.
    Kann ich eine HTML dazu zwingen alle Controls zurückzusetzen beim Zurückgehen (und beim Aktualisieren mit F5)?

    LG Ruerte
    Unfortunately, this Signature is not available in Germany because it may contain music for which GEMA
    has not granted the respective music rights. Sorry about that.

    Dieser Beitrag wurde bereits 9 mal editiert, zuletzt von „Ruerte“ ()

    Ahoi,

    wie sieht das denn genau aus, wenn du auf die Seite zurückgehst?
    Mir fällt erstmal nur die Möglichkeit JavaScript ein ... oder besser JQuery.

    HTML-Quellcode

    1. ​
    2. <script>
    3. $(document).ready(function(){
    4. $('input').val('');
    5. });
    6. </script>
    Grüße Manu

    Was Gott dem Menschen erspart hat, kann der Computer.
    Billy ©, (*1932), Schweizer Aphoristiker
    Quelle: www.Aphorismen.de

    @Link Das Problem ist nicht nur beim Feld,
    Zb habe ich auch ein Hover und Press effect im Style der Button. Wenn ich nun den Button drücke und wieder zurück gehe ist dieser immer noch im Press effect ._.

    Hier mal meinen bisherigen gesamten Code zum testen:

    Spoiler anzeigen

    HTML-Quellcode

    1. <!doctype html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>Startseite</title>
    6. <meta http-equiv="pragma" content="no-cache" />
    7. </head>
    9. <body>
    10. <center>
    11. <table><tr>
    12. <form method=GET action="http://www.google.de/search">
    13. <input type=HIDDEN name=H1 value=DE>
    14. <ul class="style-text"><input type="text" name="q" size=90 maxlength=255> </ul>
    15. <input class="style-button" type="submit" value="Google-Suche">
    16. </form>
    18. <form method=GET action="http://www.google.com/doodles">
    19. <input class="style-button" type="submit" value="Auf gut Glück!">
    20. </form>
    21. </tr></table>
    22. </center>
    23. </body>
    24. </html>
    26. <style type="text/css">
    27. .style-text input[type="text"] {
    28. padding: 12px;
    29. color:#6f6f6f;
    30. border: solid 1px #dcdcdc;
    31. transition: border 0s;
    32. }
    34. .style-text input[type="text"]:hover,
    35. .style-text input[type="text"].hover {
    36. border: solid 1px #a9a9a9;
    37. color:#000000
    38. }
    40. .style-text input[type="text"]:focus,
    41. style-text input[type="text"].focus {
    42. border: solid 1px #3885E7;
    43. color:#000000
    44. }
    46. .style-button {
    47. font-size: 13px;
    48. font-weight: bold;
    49. height: 40px;
    50. width: 130px;
    51. line-height: 35px;
    52. margin: 10px 5px;
    53. text-align: center;
    54. color:#6f6f6f;
    55. border: solid 1px #dcdcdc;
    56. transition: border 0s;
    57. }
    59. .style-button:hover {
    60. border: solid 1px #a9a9a9;
    61. opacity: 0.75;
    62. color:#000000
    63. }
    65. .style-button:focus {
    66. border: solid 1px #3885E7;
    67. opacity: 0.75;
    68. color:#000000
    69. }
    70. </style>

    Unfortunately, this Signature is not available in Germany because it may contain music for which GEMA
    has not granted the respective music rights. Sorry about that.

    Hallo, welchen Browser verwendest du?
    Es kann nämlich vorkommen, dass im Mozilla Firefox aufgrund eines "Features" Buttonzustände gespeichert bleiben - dies lässt sich im Form-Tag mit

    HTML-Quellcode

    1. <form weitereAttribute autocomplete="off">
    2. <!--- Usw. -->
    3. </form>
    deaktivieren.

    PS: Das Center-Tag ist in HTML5 nicht mehr unterstützt, bitte CSS verwenden.

    Ich verwende IE 11 (11.0.9600.18059 / 11.0.24)

    HTML-Quellcode

    1. <table><tr>
    2. <form method=GET action="http://www.google.de/search" autocomplete="off">
    3. <input type=HIDDEN name=H1 value=DE>
    4. <ul class="style-text"><input type="text" name="q" size=90 maxlength=255> </ul>
    5. <input class="style-button" type="submit" value="Google-Suche">
    6. </form>
    8. <form method=GET action="http://www.google.com/doodles" autocomplete="off">
    9. <input class="style-button" type="submit" value="Auf gut Glück!">
    10. </form>
    11. </tr></table>


    leider keine Besserung.

    LG Ruerte
    Unfortunately, this Signature is not available in Germany because it may contain music for which GEMA
    has not granted the respective music rights. Sorry about that.

    Was ist denn mit den anderen beiden Vorschlägen, hast du die denn mal ausprobiert?
    Achso und für dein Problem mit dem Hover auf dem Button, versuch es mal mit dem Attribut "autofocus" auf etwas anderem.
    Grüße Manu

    Was Gott dem Menschen erspart hat, kann der Computer.
    Billy ©, (*1932), Schweizer Aphoristiker
    Quelle: www.Aphorismen.de

Facebook
Telefonspende