HTML HTML HTML 1 Begin Form 2 End

  • Slides: 39
Download presentation

HTML-помощники элементов формы • HTML-помощники для генерирования HTMLэлементов формы: 1. Begin. Form() 2. End.

HTML-помощники элементов формы • HTML-помощники для генерирования HTMLэлементов формы: 1. Begin. Form() 2. End. Form() 3. Text. Area() 4. Text. Box() 5. Check. Box() 6. Radio. Button() 7. List. Box() 8. Drop. Down. List() 9. Hidden() 10. Password()

Пример формы с использованием помощника Begin. Form • Встроенный хелпер Begin. Form позволяет создать

Пример формы с использованием помощника Begin. Form • Встроенный хелпер Begin. Form позволяет создать ту же самую форму: @using(Html. Begin. Form("Buy", "Home", Form. Method. Post)) { <input type="hidden" value="@View. Bag. Book. Id" name="Book. Id" /> <table> <tr><td><p>Введите свое имя </p></td> <td><input type="text" name="Person" /> </td></tr> <tr><td><p>Введите адрес : </p></td> <td><input type="text" name="Address" /> </td></tr> <tr><td><input type="submit" value="Отправить" /> </td> <td></tr> </table> }

Помощник Html. Hidden • Помощник Html. Hidden создает скрытое поля input type="hidden «. •

Помощник Html. Hidden • Помощник Html. Hidden создает скрытое поля input type="hidden «. • Например: @Html. Hidden("Book. Id", "2") • сгенерирует HTML-код: <input id="Book. Id" name="Book. Id" type="hidden" value="2" /> • При использовании View. Bag надо переменную привести ее к типу string: @Html. Hidden("Book. Id", @View. Bag. Book. Id as string)

Помощник Html. Radio. Button (2) • В результате создает следующий HTML-код: <input id="color" name="color"

Помощник Html. Radio. Button (2) • В результате создает следующий HTML-код: <input id="color" name="color" type="radio" value="red" /> <span>красный</span> <br /> <input id="color" name="color" type="radio" value="blue" /> <span>синий</span> <br /> <input checked="checked" id="color" name="color" type="radio" value="green" /> <span>зеленый</span>

Пример использования Html. Drop. Down. List • Вызов помощника @Html. Drop. Down. List("countires", new

Пример использования Html. Drop. Down. List • Вызов помощника @Html. Drop. Down. List("countires", new Select. List(new string[] {"Russia", "USA", "Canada", "France"}), "Countries") • генерирует следующий HTML-код: <select id="countires" name="countires"> <option value="">Countries</option> <option>Russia</option> <option>USA</option> <option>Canada</option> <option>France</option> </select>

Пример использования Multi. Select. List @Html. List. Box("countires", new Multi. Select. List(new string[] {"Россия",

Пример использования Multi. Select. List @Html. List. Box("countires", new Multi. Select. List(new string[] {"Россия", "США", "Китай", "Индия"})) • Этот код генерирует следующую разметку: <select Length="9" id="countries" multiple="multiple" name="countires"> <option>Россия</option> <option>США</option> <option>Китай</option> <option>Индия</option> </select>

Шаблонные помощники (2) • Html. Check. Box. For – пример @Html. Check. Box(m=>m. Enable,

Шаблонные помощники (2) • Html. Check. Box. For – пример @Html. Check. Box(m=>m. Enable, false) – cоздает : <input id="Enable" name="Enable" type="checkbox" value="true" /> <input name="Enable" type="hidden" value="false" /> • Html. Hidden. For – Пример: @Html. Hidden. For(m=>m. Name, "val") создает: <input id="Name" name="Name" type="hidden" value="val" /> • Html. Label. For – Пример: @Html. Label. For(m =>m. Name, "Имя") – создает: <p><label for="Name">Имя</label> </p> • Html. Password. For – пример: @Html. Password. For(m => m. Password) – создает: <p> <input id="Password" name="Password" type="password" /> </p>

Шаблонные помощники (3) • Html. Radio. Button. For – пример: @Html. Radio. Button. For(m

Шаблонные помощники (3) • Html. Radio. Button. For – пример: @Html. Radio. Button. For(m =>m. Option, "val") – создает: <input id="Option" name="Option" type="radio" value="val" /> • Html. Text. Box. For – пример: @Html. Text. Box. For(m =>m. Name) – создает: <input id="Name" name="Name" type="text" /> • Html. Text. Area. For – пример: @Html. Text. Area. For(m => m. Name, 10, 9, null) – создает: <textarea cols="9" id="Name" name="Name" rows="10"> </textarea>