Formular wird nicht angezeigt, aber deren Inhalt hat

Ich habe dieses Stück code:

<div>
   <form name='profileForm' id='profileForm' action='' method='get'>
      <input type='submit' name='ProfileBtn' id='ProfileBtn' class='buttonC' value='My Profile' />
   </form>
<br />
   <form name='logoutForm' id='logoutForm' action='' method='get'>
      <input type='submit' name='LogOutBtn' id='LogOutBtn' class='buttonC' value='Logout' />
   </form>
</div>

Wenn ich render die über die "profileForm" nicht angezeigt (obwohl die profileBtn erscheint).
die seconed form hat keine Probleme, das ist komisch, weil Sie sind beide ähnlich.

Es ist wahrscheinlich eine einfache Frage, aber ich habe keine Ahnung, was das problem ist.

  • was meinst du mit "das Profil-Formular nicht angezeigt, aber der button"? Ein form-element ist nur ein container, ein div, und wenn es keine CSS befestigt, um es, es wird nicht angezeigt auf der Seite. Wenn Sie möchten, um es sichtbar zu machen, fügen Sie eine Grenze oder hintergrund mit CSS, um das form-element
  • Sie benötigen, um dieses problem zu demonstrieren, denn es gibt keine offensichtliche problem mit deinem geposteten html.
  • naja, es ist komisch link, hier funktioniert es einwandfrei aber wenn ich meine website und überprüfen Sie die Entwickler-Konsole, profileBtn ist nicht umgeben durch jeglicher form @Matanya ich meinte in der developer console.
  • jemand..?
  • wenn es angezeigt WIRD, wenn Sie " Quelle anzeigen als vom server empfangen, aber nicht angezeigt in der console, es könnte durch ein JS-script entfernen Sie nach dem laden der Seite
InformationsquelleAutor Noam Gal | 2012-12-08
  1. 26

    Dies nur passiert mir mit Chrome -- es war, denn ich hatte eine Formular innerhalb eines Formulars. Es sieht aus wie Chrome, nur entfernt den <form> öffnen und schließen-tag, weil meine form innerhalb einer anderen form. Wenn ich mich bewegte eine form außerhalb der anderen, dann beide <form> - tags gerendert wurden, in den html-Code als Verwendungszweck.

    Crackermann wollte dies in seiner Antwort auch.

    Es ist schwer zu geben, eine direkte Lösung ohne zu sehen, Ihren vollständigen html -, aber ich vermute, das ist Ihr problem - Sie müssen sicherstellen, dass Ihre form ist nicht in einer anderen form. Ganz einfaches Beispiel um dies zu verdeutlichen:

    Form innerhalb einer anderen form, beachten Sie, wenn Sie diesen code ausführen, der in Chrome und prüfen <form id="form2"> nicht gerendert:

    HTML:

    <html>
<head></head>
<body>
	<form id="form1">
		<div>form within a form</div>
		<form id="form2">
			<input type="text" placeholder="name" /><br/>
			<input type="text" placeholder="title" />
		</form>
	</form>
</body>
</html>

    Wenn Sie sich bewegen form2 außerhalb von form1, führen Sie den code in Chrome und prüfen, dann <form id="form2"> ist gerendert:

    HTML:

    <html>
<head></head>
<body>
	<form id="form1">
		<div>form2 moved outside of form1</div>
	</form>
	
	<form id="form2">
		<input type="text" placeholder="name" /><br/>
		<input type="text" placeholder="title" />
	</form>
</body>
</html>

    • Perfekte Lösung!
    • Dies war immer problem.Richtige Antwort.
    InformationsquelleAutor Michael Stalcup
  2. 7

    gut, dann irgendwie war es ein seltsames problem mit dem Formular, wird die Schaltfläche nicht angezeigt, weil bei mir lief der website der die "profileForm' einfach verschwunden irgendwie (und nicht zeigen, bis in der Konsole).
    was ich getan habe, war das hinzufügen einer Dritten Form vor "profileForm' irgendwie das Problem gelöst.

    • Dies geschah zu mir, für nicht angemessen erklärt, Grund-und dieses "Update" gearbeitet. Ich war stark mit Pyramide und mako-Vorlagen zusätzlich zu den css/javascript. Ugh. Vielleicht ist es ein bug im browser?
    • Unheimlich diese Lösung funktioniert auch für mich.
    • Das ist wirklich seltsam. Das war meine Lösung. Arbeitete wie ein Charme... weiß auch nicht warum.
    InformationsquelleAutor Noam Gal
  3. 4

    Es ist eine nicht geschlossene HTML-TAGS wie < form > in deinem code, bevor Sie diese Zeilen ,

    Find and close that form

    ODER

    setzen Sie einfach </form> bevor der code.

    InformationsquelleAutor captain_a
  4. 1

    Prüfen Sie, ob Sie nicht eine nicht geschlossene form-element, bevor Sie das nächste Formular geöffnet.

    Wenn Sie das tun, Browsern, generiert der Quelle ohne nachfolgenden Formular öffnen und das Formular zu schließen-pair-Mädchen.

    InformationsquelleAutor Crackermann
Schreibe einen Kommentar