Question

我需要在我的css按钮上添加.PNG图像，图像将是一个汉堡菜单图标，以显示该按钮是可扩展的。

这些是我的按钮。

使用此HTML创建按钮：

                    While($row1=mysql_fetch_array($retServerNames)){

                        $serverID = $row1['id'];
                        $serverName = $row1['servername'];



                        echo"<input type='button' id='$buttonId' class='btn' name='show' value='".$serverName."' onclick='javascript:showServer(".$buttonId.");'
                            style='width: 90%; margin: 1%; text-align:left;'>";

                        echo"<div id='$serverName' style='margin: 3%; display:none;'>";

                        echo"<table style='border-bottom: 1px solid black;' cellspacing='10px'>

                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Task</th>
                                                    <th>Status</th>
                                                    <th>Agent</th>
                                                    <th>Date Completed</th>
                                                    <th></th>
                                                </tr>
                                            </thead>";

我已尝试将图片标记和输入类型都放在div元素中，并且累了将图像放在按钮上但没有成功，有没有更好的方法呢？或者任何人都可以建议一个替代元素，让我比按钮元素更容易做到这一点？先感谢您。

Answer 1

简单的方法是使用实际的按钮元素。

<button type="button"
        id="<?php echo htmlspecialchars($buttonId); ?>"
        onclick="showServer(this.id);">
    <img src="hambuger.png" alt="">
    <?php echo htmlspecialchars($serverName); ?>
</button>

在html输入type =按钮上添加图标图像

1 个答案: