MVC頁面輸出@

<div style="padding: 100px 100px 10px;">
        <form class="bs-example bs-example-form" role="form">
            <div class="input-group input-group-lg">
                <span class="input-group-addon">@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
            <br>
            <div class="input-group">
                <span class="input-group-addon">@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
            <br>
            <div class="input-group input-group-sm">
                <span class="input-group-addon">@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
        </form>
    </div>

以上代碼是在MVC的HTML代碼，看着沒什麼問題，實際VS上已經提示錯誤了。

 

需要把@改成@@

<div style="padding: 100px 100px 10px;">
        <form class="bs-example bs-example-form" role="form">
            <div class="input-group input-group-lg">
                <span class="input-group-addon">@@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
            <br>
            <div class="input-group">
                <span class="input-group-addon">@@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
            <br>
            <div class="input-group input-group-sm">
                <span class="input-group-addon">@@</span>
                <input type="text" class="form-control" placeholder="Twitterhandle">
            </div>
        </form>
    </div>

正常顯示了

 

另外用下面2種方法也可以輸出

@(new HtmlString("@"))
@(Html.Encode("@"))