¿Cómo se establece el ancho de un cuadro de texto en HTML Helper ASP.NET MVC?

Algunos ejemplos que he encontrado que al parecer trabajado con versiones anteriores de mvc sugieren que hubo un parámetro de longitud de clase:

<%=Html.TextBox("test", 50)%>

Pero que puede haber sido erróneamente el valor.

Cómo hacer este trabajo en la versión actual? Pasando el estilo no parece tener ningún efecto.

InformationsquelleAutor Jedidja | 2008-11-27

8 Kommentare

  1. 65

    La respuesta original ya no funciona como está escrito:

    <%=Html.TextBox("test", new { style="width:50px" })%> 

    obtendrá un cuadro de texto con «{ style=»width:50px» }» como su contenido de texto.

    Para ajustar esto para la versión actual de la MVC 1.0, utilice la siguiente secuencia de comandos (tenga en cuenta la adición del segundo parámetro – yo tengo el mío de partida como en blanco, se ajustan con base en sus necesidades):

    <%=Html.TextBox("test", "", new { style="width:50px" })%> 
    • Sí, eso es cierto
  2. 41

    Para esto tienes que utilizar HtmlAttributes, pero hay un inconveniente: HtmlAttributes y clase css .

    puede definir como este:

    new { Attrubute="Value", AttributeTwo = IntegerValue, @class="className" };

    y aquí es más realista ejemplo:

    new { style="width:50px" };
    new { style="width:50px", maxsize = 50 };
    new {size=30, @class="required"}

    y, finalmente, en:

    MVC 1

    <%= Html.TextBox("test", new { style="width:50px" }) %> 

    MVC 2

    <%= Html.TextBox("test", null, new { style="width:50px" }) %> 

    MVC 3

    @Html.TextBox("test", null, new { style="width:50px" })
  3. 6

    Algo como esto debería funcionar:

    <%=Html.TextBox("test", new { style="width:50px" })%>

    O mejor:

    <%=Html.TextBox("test")%>
    
    <style type="text/css">
        input[type="text"] { width:50px; }     
    </style>
    • No #test {width: 50px;} funcionan igual de bien?
  4. 1

    No utilice el parámetro de longitud como no funciona con todos los navegadores. La mejor manera de hacerlo es establecer un estilo en la etiqueta de entrada.

    <input style="width:100px" />
  5. 1

    Mi verdadero ejemplo de MVC 3 está aquí:

    <% using (Html.BeginForm()) { %>
    
    <p>
    
    Start Date: <%: Html.TextBox("datepicker1", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> 
    
    End Date: <%: Html.TextBox("datepicker2", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> 
    
    <input type="submit" name="btnSubmit" value="Search" /> 
    
    </p>
    
    <% } %>

    Así, tenemos las siguientes

    «datepicker1» – ID del control

    DateTime.Ahora.ToString(«dd/MM/aaaa») – valor por defecto

    style = «width:80px;» ancho del cuadro de texto

    maxlength = 10 – podemos entrada de 10 caracteres sólo

    • MVC 4 todavía no es, y esto fue publicado hace un año levanta la ceja.
  6. 0

    nuevo { style=»width:50px», maxsize = 50 };

    debe ser

    nuevo { style=»width:50px», maxlength = 50 };

  7. 0

    Conjunto de cuadro de texto y maxlength en mvc3.0

    @Html.TextBoxFor(model => model.SearchUrl, new { style = "width:650px;",maxlength = 250 }) 

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea