Html-Taste zeigt nicht Formular

Hier ist mein Code. Ich habe eine Schaltfläche erstellt und auf Click-Ereignis möchte ich Formular anzeigen, aber mein Formular wird nicht angezeigt.Html-Taste zeigt nicht Formular

gives an error " Uncaught SyntaxError: Invalid or unexpected token"

<input id="Result" name="display" type="button" value="Cost Report" onclick= document.getElementById("form id").style.display="block"; 
 
     style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; "> 
 
    
 
    <div> 
 
     <form id="form id" style="display: block;">Results</form> 
 
    </div>

Quelle

2017-05-03 Sarah Salar

Ihre HTML ungültig ist, schauen Sie sich Ihre Onclick-Attribut für das Input-Tag verwenden. Auch das Formular-Tag sollte das Eingabefeld umgeben. –

Wenn Bindungsereignisse an das Element hinzufügen möchten, sollten sie von " oder ' gewickelt werden.

<input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form id").style.display="block";' style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; "> 
 

 
<div> 
 
    <form id="form id" style="display: none;">Results</form> 
 
</div>

Quelle

2017-05-03 05:13:13 Pengyy

danke ich habe meinen fehler korrigiert. Ich möchte das Formular in der Mitte des Fensters über der Weltkarte anzeigen. aber mein Formular wird unterhalb der Kopfzeile angezeigt. –

@SarahSalar können Sie mit cssstyles versuchen. werfen Sie einen Blick auf http://stackoverflow.com/questions/9862167/positioning-div-element-at-center-of-screen – Pengyy

ok vorschlagen mich. Ich möchte alle berechneten Werte auf dem Formular nach dem Klicken auf eine Schaltfläche anzeigen, was bevorzugen Sie modal (Javascript) oder Formular. –

bereits. sollten Sie Apostrophe onclick='document.getElementById("form id").style.display="block";'

<input id="Result" name="display" type="button" value="Cost Report" onclick= 'document.getElementById("form id").style.display="block";' 
     style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; "> 

    <div> <form id="form id" style="display: none;">Results</form></div>

fiddlelink

Quelle

2017-05-03 05:12:41 vel

Es sollte jeder Raum in ids nicht sein, da id für ein DOM-Element ist einzigartig. Also bitte ändern Sie Ihre Formular-ID in etwas wie ID = "Form-ID".

Auch festgelegt Formular Anzeige: keine.

<input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form-id").style.display="block";' 
    style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; "> 

<div> <form id="form-id" style="display: none;">Results</form></div>

Quelle

2017-05-03 05:17:53

können Sie ng-Show und machen Sie Ihre Form sichtbar auf klicken und viceversa

<input id="Result" name="display" type="button" value="Cost Report" onclick= "showForm=!showForm" 
     style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; "> 

    <div> 
    <form id="form id" ng-show="showForm">Results</form> 
</div>

Quelle

2017-05-03 05:21:52 sravanthi

Html-Taste zeigt nicht Formular

Antwort

Verwandte Themen