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

당신은

<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" 

은 괜찮습니다. 행운을 빕니다! :-)