HTML5 / бритва, как изменить длину текстового поля ввода

Question

Почему html5 так много изменил!

Как изменить ширину двух текстовых полей ниже?

  <div class="editor-field">
          @Html.TextBoxFor(m => m.S1_LandLine)
          @Html.ValidationMessageFor(m => m.S1_LandLine)
  </div>

и

  <input type="text" id="myinput" value="1" class="Q" data-id2="Q" />

и

<select id="S1_TitleID" name="S1_TitleID">
       <option selected="selected" value="1">Mr</option>
       <option value="2">Miss</option>
       <option value="3">Mrs</option>
</select>

Answer 1

Использование CSS:

.editor-field input[type="text"], .editor-field select
{
  width:100px;
}

Answer 2

Я знаю, что немного не по теме, но если вы ищете атрибут maxlength:

Мы используем шаблон MVC: ваше представление должно быть строго типизировано для вашей модели.

View

<div class="editor-label">
    @Html.LabelFor(model => model.Rating)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Rating)
    @Html.ValidationMessageFor(model => model.Rating)
</div>

<div class="editor-label">
    @Html.LabelFor(model => model.Body)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Body)
    @Html.ValidationMessageFor(model => model.Body)
</div>

И в модели мы можем задать определенные условия:

[Required]
[Range(1,10,ErrorMessage="Not in the 1-10 Range"]
public int Rating { get; set; }

[Required]
[StringLength(1024,ErrorMessage="Incorrect format")]
public string Body { get; set; }

Answer 3

Что именно изменило HTML5 ?!Я предполагаю, что по длине вы имеете в виду maxlength или количество символов, которое вы можете ввести в текстовое поле.Я могу ошибаться, но ваш вопрос немного двусмысленный.

Для первого вы можете сделать:

<div class="editor-field">  
    @Html.TextBoxFor(m => m.S1_LandLine, new { maxlength = 10 })  
    @Html.ValidationMessageFor(m => m.S1_LandLine)  
</div>  

А для второго:

<input type="text" id="myinput" value="1" class="Q" data-id2="Q" maxlength="10" />

не глядя maxlength, тогда что вы ищете?

РЕДАКТИРОВАТЬ: Просто заметил, что вы говорите ширину, если так, следуйте другим советам здесь.

Answer 4

Для создания желаемой разметки:

@Html.TextBoxFor(m => m.S1_LandLine, new { data_id2 = "Q", @class = "Q" })

Что касается длины (что бы это ни значило), вы можете использовать CSS, чтобы указать Q rule =>, которое на самом деле не имеет отношения к ASP.NET MVC или HTML5.