Вкладка HTML, панель элементов

На вкладке HTML панели элементов содержатся компоненты, которые полезны для работы с веб-страницами и веб-формами.Чтобы открыть эту вкладку, откройте документ, который будет редактироваться в конструкторе HTML.В меню Вид выберите пункт Панель элементов, затем выберите вкладку панели элементов HTML.

Чтобы создать экземпляр средства на вкладке HTML, либо дважды щелкните данное средство, чтобы добавить его в документ в текущем положении курсора, либо выберите средство и перетащите его в нужное место на поверхности редактирования.

Задачи

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Элементы пользовательского интерфейса

По умолчанию на вкладке HTML доступны следующие инструменты.

• Pointer
  

  Этот инструмент выбирается по умолчанию при открытии любой вкладки панели элементов.Удалить его нельзя.Инструмент "Pointer" позволяет перетаскивать объекты в поле режима разработки, изменять их размеры и перемещать на странице или форме.Дополнительные сведения см. в разделах How to: Manage the Toolbox Window и How to: Manipulate Toolbox Tabs.

• Input (Button)
  

  Вставляет элемент input типа type="button".Чтобы изменить текст, отредактируйте свойство name.По умолчанию вставляется элемент id="Button1" для первой кнопки, элемент id="Button2" для второй и т.д.

  При перетаскивании элемента Input (Button) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Button1" type="button" value="Button" name="Button1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputButton, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, HtmlInputButton, HtmlButton и Button.

• Input (Reset)
  

  Вставляет элемент input типа type="reset".Чтобы изменить текст, отредактируйте свойство name.По умолчанию вставляется элемент id="Reset1" для первой кнопки сброса, элемент id="Reset2" для второй и т.д.

  При перетаскивании элемента Input (Reset) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Reset1" type="reset" value="Reset" name="Reset1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного веб-элемента управления HtmlInputReset, HtmlInputButton и Button.

• Input (Submit)
  

  Вставляет элемент input типа type="submit".Чтобы изменить текст, отредактируйте свойство name.По умолчанию вставляется элемент id="Submit1" для первой кнопки отправки, элемент id="Submit2" для второй и т.д.

  При перетаскивании элемента Input (Submit) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Submit1" type="submit" value="Submit" name="Submit1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputSubmit, HtmlInputButton и Button.

• Input (Text)
  

  Вставляет в документ элемент input типа type="text".Чтобы изменить отображаемый по умолчанию текст, отредактируйте атрибут value.По умолчанию вставляется элемент id="Text1" для первого текстового поля, элемент id="Text2" для второго и т.д.

  При перетаскивании элемента Input (Text) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Text1" TYPE="text" value="Text Field" name="Text1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного веб-элемента управления HtmlInputText, TextBox Web Server Control Overview, HtmlInputText и TextBox.

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Validating User Input in ASP.NET Web Pages.

• Input (File)
  

  Вставляет в документ элемент input типа type="file".По умолчанию вставляется элемент id="File1" для первого поля файла, элемент id="File2" для второго и т.д.

  При перетаскивании элемента Input (File) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="File1" type="file" name="File1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного веб-элемента управления HtmlInputFile и HtmlInputFile.

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Validating User Input in ASP.NET Web Pages.

• Input (Password)
  

  Вставляет элемент input типа type="password".По умолчанию вставляется элемент id="Password1" для первого поля пароля, элемент id="Password2" для второго и т.д.

  При перетаскивании элемента Input (Password) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Password1" type="password" name="Password1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputPassword, How to: Set a TextBox Web Server Control for Password Entry и Walkthrough: Validating User Input in a Web Forms Page.

  Примечание по безопасности

  Если приложение передает имена пользователей и пароли, следует настроить веб-узел для использования протокола SSL для шифрования передаваемой информации.Дополнительные сведения см. в разделе "Безопасные соединения с использованием протокола SSL" в Справочнике операций IIS.Кроме того, рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Validating User Input in ASP.NET Web Pages.

• Input (Check box)
  

  Вставляет элемент input типа type="checkbox".Чтобы изменить текст, отредактируйте свойство name.По умолчанию вставляется элемент id="Checkbox1" для первого флажка, элемент id="Checkbox2" для второго и т.д.

  При перетаскивании элемента Input (Check box) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Checkbox1" type="checkbox" name="Checkbox1"> 
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputCheckBox, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox и CheckBox.

• Input (Radio)
  

  Вставляет элемент input типа type="radio".Чтобы изменить текст, отредактируйте свойство name.По умолчанию вставляется элемент id="Radio1" для первого переключателя, элемент id="Radio2" для второго и т.д.

  При перетаскивании элемента Input (Radio) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Radio1" type="radio" name="Radio1">
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputRadioButton, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton и RadioButton.

• Input (Hidden)
  

  Вставляет элемент input типа type="hidden".По умолчанию вставляется элемент id="Hidden1" для первого скрытого поля, элемент id="Hidden2" для второго и т.д.

  При перетаскивании элемента Input (Hidden) в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <input id="Hidden1" type="hidden" name="Hidden1"> 
  

  Дополнительные сведения см. в разделах HTML Input Controls, Декларативный синтаксис серверного элемента управления HtmlInputHidden и HtmlInputHidden.

• Textarea
  

  Вставляет элемент textarea.Можно изменять размеры текстовой области, а также просматривать с помощью полос прокрутки текст, выходящий за пределы области отображения.Чтобы изменить отображаемый по умолчанию текст, отредактируйте атрибут value.По умолчанию вставляется элемент id="textarea1" для первой текстовой области, элемент id=" textarea 2" для второй и т.д.

  При перетаскивании элемента Textarea в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea> 
  

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного веб-элемента управления HtmlTextArea, HtmlTextArea и TextBox.

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Validating User Input in ASP.NET Web Pages.

• Таблица
  

  Вставляет элемент table.

  При перетаскивании элемента Table в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
  

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного элемента управления HtmlTable, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable и Table.

• Изображение
  

  Вставляет элемент img.Для этого элемента необходимо указать src и текст alt.

  При перетаскивании элемента Image в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <img alt="" src="">
  

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного элемента управления HtmlImage, Image Web Server Control Overview, HtmlImage, HtmlInputImage и Image.

• Select
  

  Вставляет раскрывающийся элемент select (без атрибута size).По умолчанию вставляется элемент id="select1" для первого списка, элемент id="select2" для второго и т.д.

  При перетаскивании элемента Select в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <select id="select1" name="select1"><option selected></option></select>
  

  Можно создать многострочный элемент select, увеличивая значение свойства размера.

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного элемента управления HtmlSelect, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, HtmlSelect и DropDownList.

• Horizontal Rule
  

  Вставляет элемент hr.Чтобы увеличить толщину строки, измените атрибут size.

  При перетаскивании элемента Horizontal Rule в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <hr width="100%" size=1> 
  

  Дополнительные сведения см. в разделе HTML Horizontal Rule Control.

• Div
  

  Вставляет элемент div, включающий атрибут ms_positioning="FlowLayout".Этот элемент, за исключением параметров "width" и "height", является полностью идентичным с элементом управления "Flow Layout Panel".Чтобы отформатировать текст, содержащийся внутри элемента div, добавьте атрибут class="stylename" в открывающий тег.

  При перетаскивании элемента Div в поле режима разработки разметка HTML вставляется в документ подобным следующему образом.

  <div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
  

  Дополнительные сведения см. в разделах HTML Div Control, Label Web Server Control Overview и Label.

См. также

Ссылки

панель элементов

Вкладка "Стандартные", Панель элементов

Другие ресурсы

HTML Controls for ASP.NET Web Pages