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

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

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

Задачи

• Практическое руководство. Управление окном панели элементов

• Практическое руководство. Управление вкладками панели элементов

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

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

• Pointer
  

  Этот инструмент выбирается по умолчанию при открытии любой вкладки панели элементов. Удалить его нельзя. Инструмент "Pointer" позволяет перетаскивать объекты в поле режима разработки, изменять их размеры и перемещать на странице или форме. Дополнительные сведения см. в разделах Практическое руководство. Управление окном панели элементов и Практическое руководство. Управление вкладками панели элементов.

• Input (Button)
  

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

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

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

  Дополнительные сведения см. в разделах Элементы элемента управления ввода HTML, Декларативный синтаксис серверного элемента управления HtmlInputButton, Практическое руководство. Создание скриптов и редактирование обработчиков событий, Кнопка сопоставления контента серверного веб-элемента управления, 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, Декларативный синтаксис серверного веб-элемента управления 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, Декларативный синтаксис серверного элемента управления 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, Декларативный синтаксис серверного веб-элемента управления HtmlInputText, Общие сведения о серверном веб-элементе управления TextBox, HtmlInputText и TextBox.

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Проверка сведений, вводимых пользователем на веб-страницах ASP.NET.

• Input (File)
  

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

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

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

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

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Проверка сведений, вводимых пользователем на веб-страницах ASP.NET.

• Input (Password)
  

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

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

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

  Дополнительные сведения см. в разделах Элементы элемента управления ввода HTML, Декларативный синтаксис серверного элемента управления HtmlInputPassword, Практическое руководство. Настройка серверного веб-элемента управления TextBox для ввода пароля и Пошаговое руководство. Проверка сведений, вводимых пользователем на странице веб-форм.

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

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

• Input (Check box)
  

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

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

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

  Дополнительные сведения см. в разделах Элементы элемента управления ввода HTML, Декларативный синтаксис серверного элемента управления HtmlInputCheckBox, Общие сведения о серверных веб-элементах управления CheckBox и CheckBoxList, HtmlInputCheckBox и CheckBox.

• Input (Radio)
  

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

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

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

  Дополнительные сведения см. в разделах Элементы элемента управления ввода HTML, Декларативный синтаксис серверного элемента управления HtmlInputRadioButton, Общие сведения о серверных веб-элементах управления RadioButton и RadioButtonList, HtmlInputRadioButton и RadioButton.

• Input (Hidden)
  

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

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

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

  Дополнительные сведения см. в разделах Элементы элемента управления ввода HTML, Декларативный синтаксис серверного элемента управления 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.

  Примечание по безопасности
  Рекомендуется выполнять проверку всех вводимых пользователем данных.Дополнительные сведения см. в разделе Проверка сведений, вводимых пользователем на веб-страницах ASP.NET.

• Таблица
  

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

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

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

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного элемента управления HtmlTable, Общие сведения о серверных веб-элементах управления Table, TableRow и TableCell, HtmlTable и Table.

• Image
  

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

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

  <img alt="" src="">
  

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

• Select
  

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

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

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

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

  Дополнительные сведения см. в разделах Декларативный синтаксис серверного элемента управления HtmlSelect, Практическое руководство. Создание скриптов и редактирование обработчиков событий, Общие сведения о серверном веб-элементе управления DropDownList, Общие сведения о серверном веб-элементе управления ListBox, HtmlSelect и DropDownList.

• Horizontal Rule
  

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

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

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

  Дополнительные сведения см. в разделе Элемент управления HTML HR (Horizontal Rule).

• 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, Общие сведения о серверном веб-элементе управления Label и Label.

См. также

Ссылки

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

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

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

Элементы управления HTML веб-страницами ASP.NET