Html 如何将输入标记与ActionLink按钮正确组合？

我有两个btn btn默认按钮在线显示，但第二个按钮（ActionLink按钮）的悬停效果与第一个按钮不同。第一个按钮看起来有一些Css指向输入标签，所以我想把输入标签给第二个按钮；然而，我似乎无法正确地集成它而不出错。有人能告诉我如何将输入标签与ActionLink按钮结合起来吗

这是我的两个按钮的代码，“创建”按钮在顶部，这是一个带有输入标签的按钮，我也想给底部的“返回列表”按钮。我现在还没有包括Css，因为我的问题更多的是关于html。但如果有必要，请告诉我

 <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
            </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">              
                @Html.ActionLink("Back to List", "Index", routeValues: null, htmlAttributes: new {@class = "btn btn-default", @role = "button" })

            </div>
        </div>

@ActionLink（“返回列表”、“索引”、routeValue:null、htmlAttributes:new{@class=“btn btn default”、@role=“button”}）

---

我感谢所有的答案

这对我很有用。看起来不是很干净

    <div class="input-group">
         <div class="input-group-addon">
               @Html.ActionLink("Back to List", "Index", routeValues: null, htmlAttributes: new {@class = "btn btn-default", @role = "button" })
         </div>
         <input class="text-box single-line form-control" style="width:100%;">
    </div>

@ActionLink（“返回列表”、“索引”、routeValue:null、htmlAttributes:new{@class=“btn btn default”、@role=“button”}）

这对我很有用。看起来不是很干净

    <div class="input-group">
         <div class="input-group-addon">
               @Html.ActionLink("Back to List", "Index", routeValues: null, htmlAttributes: new {@class = "btn btn-default", @role = "button" })
         </div>
         <input class="text-box single-line form-control" style="width:100%;">
    </div>

@ActionLink（“返回列表”、“索引”、routeValue:null、htmlAttributes:new{@class=“btn btn default”、@role=“button”}）

在

bootstrap4

中不再有

btn默认值。改为使用btn辅助

。这将为您提供所需的持续悬停效果

只是为了让您知道，您不必在提交按钮中使用

。您只需将常规的

与正确的类型一起使用即可：

<button type="submit" class="btn btn-secondary">Create</button>

创建

因此，您不必坚持认为必须为另一个按钮使用输入标记

@Html.ActionLink（）

将生成锚定标记

在
bootstrap4
中不再有
btn默认值。改为使用btn辅助
。这将为您提供所需的持续悬停效果

只是为了让您知道，您不必在提交按钮中使用
。您只需将常规的
与正确的类型一起使用即可：

<button type="submit" class="btn btn-secondary">Create</button>

创建

因此，您不必坚持认为必须为另一个按钮使用输入标记

@Html.ActionLink（）
将生成锚定标记
谢谢，瑞奇！我喜欢这个解决方案，但出于某种原因，它使一个橙色的边界出现，所以我最终选择了另一条路线。不过，这是一个有用的解决方案！谢谢你，瑞奇！我喜欢这个解决方案，但出于某种原因，它使一个橙色的边界出现，所以我最终选择了另一条路线。不过，这是一个有用的解决方案！谢谢你，大卫！在这种情况下，我将忘记输入标记，并将其更改为按钮类型。我很感激这个解决方案！谢谢你，大卫！在这种情况下，我将忘记输入标记，并将其更改为按钮类型。我很感激这个解决方案！