2017-02-21 2 views
-2

Ich kann nicht scheinen, mein Bild zu einem Löschen-Button zu machen. Wenn ich es mache löscht es nicht mehr aus der Datenbank.Verwenden von Bild als Löschen-Taste

echo "<td>" . "<input type=submit name=delete value=delete></td>"; 

Dies ist die Codezeile, die Ich mag würde src = image/delete.png

+0

können Sie Anker-Tag statt Input-Tag –

+1

hier Lesen verwenden http://stackoverflow.com/questions/2920076/html-css-how-to-add-image-icon-to-input-type- button – JustOnUnderMillions

+2

Statt dessen können Sie 'type image' Attribut ' echo "" verwenden. ""; ' –

Antwort

0

Sie können nicht fügen Sie ein src noch href Attribut auf Ihre Eingabe (Sie können, aber das wird nicht hinzufügen etwas tun).

Um ein Bild anzuzeigen, setzen Sie es entweder als Eingabe-Hintergrund (mit CSS), oder erstellen Sie ein DOM-Element (<img src="".../>) und fügen Sie Verhalten mit Javascript hinzu (registrieren Sie ein Klick-Ereignis, führen Sie die Anfrage an den Server wan tun).

+1

Oder Sie können es einfach halten. http://html.com/input-type-image/ –

0

verwenden:

<button type="submit" name="delete" style="padding: 0; border: none;"> 
    <img src="image/delete.png" /> 
</button> 
+0

Lesen Sie hierzu: http://html.com/input-type-image/ –

+0

@DanBracuk cool, wusste das nicht. Ich bevorzuge Tasten über Eingänge seit: http://StackOverflow.com/Questions/7117639/Input-Type-Submit-VS-Button-Tag-Are-they-Interchangeable –

0

Fügen Sie einfach das Bild mit CSS:

<style> 
    #delete { 
     width: 150px; 
     height: 50px; 
     border: none; 
     color: transparent; 
     background: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=150%C3%9750&w=150&h=50); 
    } 
</style> 
<td><input id="delete" type=submit name=delete value=delete></td> 
0

Versuch etwas wie folgt aus: -

echo '<td><a href="delete.php"><img src="image/delete.png" /></a></td>' ; 
0

Sie Ihr Bild als Hintergrund setzen können die Schaltfläche mit CSS-Eigenschaft ->background-image. Und dann verwenden Sie die .btn-class im Feld input.

<style> 
    .btn-class{ 
     background-image: url("/path/to/image"); 
    } 
</style> 
<?php echo "<td>" . '<input type="submit" class="btn-class" name="delete" value="delete"></td>'; ?> 
Verwandte Themen