更改視圖中的文本框大小

-1

我已經創建了MVC5應用程序，它通過腳手架視圖和控制器生成我的模型當前文本框的默認大小是18個字符，我希望它是 5，應該如何我減少文本框的默認大小？更改視圖中的文本框大小

<div class="form-group"> 
    @Html.LabelFor(model => model.num, new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     @Html.EditorFor(model => model.Nun) 
     @Html.ValidationMessageFor(model => model.Num) 
    </div> 
</div>

我沒有成功嘗試了

@Html.EditorFor(model => model.Nun, new { @style = "width: 100px;" })

來源

2014-04-07 shopia T

按大小，你的意思是盒子的實際寬度，或可輸入的字符數？ – wf4

@ wf4是盒子的寬度... –

css class col-md-10是否確定文本框的大小？ – markpsmith

在模型中做這樣的嫩屬性：

[StringLength(6)] 
public string Nun {get;set;}

，如果你想改變寬度，則：

@Html.TextBoxFor(model => model.Nun,new {style="width:100px" })

來源

2014-04-07 09:18:07

謝謝，但這是限制可以放在文本框中的字符的數量，而不是它的大小...... –

你確實想限制用戶的6個字符？ –

然後看到更新版本的答案，希望它有幫助 –

使用TextBoxFor

@Html.TextBoxFor(model => model.Nun, new { @style = "width: 100px;" })

檢查這個LINK。如果你不想使用TextBoxFor代替EditorFor

來源

2014-04-07 09:32:31

，你不能做

@Html.EditorFor(model => model.Nun, new { style = "width: 100px;" })

是因爲EditorFor可以包含多個對象的原因。因此，您可能會將屬性應用於可能不正確的事情，因爲您可能正在設置ID以及樣式。

因此，您可以通過幾種方式設置方框的樣式。

這個CSS會爲你做它：（你可以只使用1線或全部適用）

.col-md-10 input     { width:50px }  /* <input> */  
.col-md-10 input[type=text]  { width:50px }  /* <input type="text"> */ 
.col-md-10 input[type=password] { width:50px }  /* <input type="password"> */ 
.col-md-10 textarea    { width:50px }  /* <textarea> */

因此，舉例來說，任何<input type="text">這是子元素將被設置爲50px寬。

，或者你可以改用TextBoxFor這將允許你添加一個內嵌樣式：

@Html.TextBoxFor(model => model.Nun, new { style = "width: 50px;" })

來源

2014-04-07 10:05:09 wf4

更改視圖中的文本框大小

回答

相關問題