Html按钮太小

Question

我有一个HTML表单，附加在文本框右侧的一个添加按钮和一个单独的删除按钮。该表单使用一些引导CSS。但是，删除按钮在页面上显示为小灰色方块，里面没有文字。是什么让它显得如此奇怪？

<form id = "myform"> 
<div class="col-lg-6"> 
<h3> New Group: </h3> 
    <div class="input-group"> 
     <input type="text" id = "input" class="form-control"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button" onclick = "addTag()" >Add</button> 
     </span> 

    </div><!-- /input-group --> 




<table class = "table" padding = "5"> 
<ul id = "list" class="list-group"> 


</ul> 
</table> 

<button type = "button" class="btn btn-default" value = "Delete" id = "deleteBtn" onClick = "if(confirm('Are you sure?')) 
Delete()"></button> 

</form> 

Answer 1

您必须将文本从value在移动标签

<button type = "button" class="btn btn-default" id = "deleteBtn" onClick = "if(confirm('Are you sure?')) Delete()">Delete</button> 

JSFiddle

Answer 2

空格。您不应在“=” - s之后使用空格。所以：

value = "Delete" 

是坏的。

value="Delete" 

没问题。祝你好运！ :-)