送信ボタンに "glyphicon download-alt"アイコンを割り当てます。

グリフコンアイコンを送信ボタンに追加する際に問題があります。一度 "a"タグで試してみると、ボタンを押すと動作しませんでした。それで私はどうしますか？送信ボタンに "glyphicon download-alt"アイコンを割り当てます。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
</head> 
<body> 

<form method="post" action="<%=Const.ActionURIs.INSTRUCTOR_COURSE_STUDENT_LIST_DOWNLOAD%>" style="display:inline;"> 
      <input id="button_download" type="submit" class="btn btn-primary" 
        name="<%=Const.ParamsNames.FEEDBACK_RESULTS_UPLOADDOWNLOADBUTTON%>" 
        value=" Download Student List "> 

      <input type="hidden" name="<%=Const.ParamsNames.USER_ID%>" value="${data.account.googleId}"> 
      <input type="hidden" name="<%=Const.ParamsNames.COURSE_ID%>" value="${courseDetails.course.id}"> 
     </form> 

</body> 
</html>

出典

2017-07-01 Cosmics

<input>タグの代わりに<button>タグを使用してください。あなたのボタンは次のように変更します。

<button type="submit" class="btn btn-primary" id="button_download" name="<%=Const.ParamsNames.FEEDBACK_RESULTS_UPLOADDOWNLOADBUTTON%>"> 
    <span class="glyphicon glyphicon-download-alt"></span> Download Student List 
</button>

それが動作しない理由はBootstrap websiteに与えられています。

他のコンポーネントと混用しないでください。：アイコンクラスは他のコンポーネントと直接組み合わせることはできません。それらは同じ要素の他のクラスと一緒に使うべきではありません。代わりに、ネストした<span>を追加し、アイコンクラスを<span>に適用します。

の作業例：

出典

2017-07-01 07:32:45 Rithwik

送信ボタンに "glyphicon download-alt"アイコンを割り当てます。

答えて

関連する問題