“工具箱”->“HTML”选项卡

项目
08/18/2008

更新：2007 年 11 月

“工具箱”的“HTML”选项卡提供可用于 Web 页和 Web 窗体的组件。若要查看此选项卡，首先在“HTML”设计器中打开要编辑的文档。在“视图”菜单上，单击“工具箱”，然后单击“工具箱”的“HTML”选项卡。

若要创建“HTML”选项卡的一个工具的实例，可以双击此工具将其添加到文档中的当前插入点，或选择该工具并将其拖动到编辑图面上所需的位置。

任务

用户界面元素

默认情况下，“HTML”选项卡上提供下列工具。

指针

在打开任意一个“工具箱”选项卡时，此工具都是默认选中的。无法删除此工具。指针使您能够将对象拖放到设计视图图面上，调整其大小，并在页或窗体中重新定位它们的位置。有关更多信息，请参见如何：管理“工具箱”窗口和如何：操作工具箱选项卡。
Input (Button)

插入 type="button" 的一个 input 元素。若要更改所显示的文本，请编辑 name 属性。默认情况下，对于第一个按钮，插入 id="Button1"，对于第二个按钮，插入 id="Button2"，以此类推。

在将“Input (Button)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Button1" type="button" value="Button" name="Button1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputButton 服务器控件声明性语法、如何：创建脚本和编辑事件处理程序、Button Web 服务器控件概述、HtmlInputButton、HtmlButton 和 Button。
Input (Reset)

插入 type="reset" 的一个 input 元素。若要更改所显示的文本，请编辑 name 属性。默认情况下，对于第一个重置按钮，插入 id="Reset1"，对于第二个重置按钮，插入 id="Reset2"，以此类推。

在将“Input (Reset)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Reset1" type="reset" value="Reset" name="Reset1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputReset 服务器控件声明性语法、HtmlInputButton 和 Button。
Input (Submit)

插入 type="submit" 的一个 input 元素。若要更改所显示的文本，请编辑 name 属性。默认情况下，对于第一个提交按钮，插入 id="Submit1"，对于第二个提交按钮，插入 id="Submit2"，以此类推。

在将“Input (Submit)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Submit1" type="submit" value="Submit" name="Submit1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputSubmit 服务器控件声明性语法、HtmlInputButton 和 Button。
Input (Text)

在文档中插入 type="text" 的一个 input 元素。若要更改所显示的默认文本，请编辑 value 属性。默认情况下，对于第一个文本字段，插入 id="Text1"，对于第二个文本字段，插入 id="Text2"，以此类推。

在将“Input (Text)”拖动到设计视图图面时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Text1" TYPE="text" value="Text Field" name="Text1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputText 服务器控件声明语法、TextBox Web 服务器控件概述、HtmlInputText 和 TextBox。

安全说明：

建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。
Input (File)

在文档中插入 type="file" 的一个 input 元素。默认情况下，对于第一个文件字段，插入 id="File1"，对于第二个文件字段，插入 id="File2"，以此类推。

在将“Input (File)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="File1" type="file" name="File1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputFile 服务器控件声明性语法和 HtmlInputFile。

安全说明：

建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。

安全说明：
建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。

安全说明：
建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。

Input (Password)
Visual Studio 密码字段

插入 type="password" 的一个 input 元素。默认情况下，对于第一个密码字段，插入 id="Password1"，对于第二个密码字段，插入 id="Password2"，以此类推。

在将“Input (Password)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

安全说明：
如果您的应用程序传输用户名和密码，您应当配置网站以使用安全套接字层 (SSL) 对传输进行加密。有关更多信息，请参见“IIS Operations Guide”（IIS 操作指南）中的主题“Securing Connections with SSL”（确保与 SSL 的连接安全）。另外，建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。

如果您的应用程序传输用户名和密码，您应当配置网站以使用安全套接字层 (SSL) 对传输进行加密。有关更多信息，请参见“IIS Operations Guide”（IIS 操作指南）中的主题“Securing Connections with SSL”（确保与 SSL 的连接安全）。另外，建议您对所有用户输入进行验证。有关更多信息，请参见在 ASP.NET 网页中验证用户输入。

Input (Check box)

插入 type="checkbox" 的一个 input 元素。若要更改所显示的文本，请编辑 name 属性。默认情况下，对于第一个复选框，插入 id="Checkbox1"，对于第二个复选框，插入 id="Checkbox2"，以此类推。

在将“Input (Check box)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Checkbox1" type="checkbox" name="Checkbox1"> 
```
有关更多信息，请参见 HTML 输入控件、HtmlInputCheckBox 服务器控件声明性语法、CheckBox 和 CheckBoxList Web 服务器控件概述、HtmlInputCheckBox 和 CheckBox。
Input (Radio)

插入 type="radio" 的一个 input 元素。若要更改所显示的文本，请编辑 name 属性。默认情况下，对于第一个单选按钮，插入 id="Radio1"，对于第二个单选按钮，插入 id="Radio2"，以此类推。

在将“Input (Radio)”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<input id="Radio1" type="radio" name="Radio1">
```
有关更多信息，请参见 HTML 输入控件、HtmlInputRadioButton 服务器控件声明性语法、RadioButton 和 RadioButtonList Web 服务器控件概述、HtmlInputRadioButton 和 RadioButton。
Input (Hidden)

插入 type="hidden" 的一个 input 元素。默认情况下，对于第一个隐藏字段，插入 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 元素。

在将“Table”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
```
有关更多信息，请参见 HtmlTable 服务器控件声明性语法、Table、TableRow 和 TableCell Web 服务器控件概述、HtmlTable 和 Table。
Image

插入一个 img 元素。编辑此元素可指定它的 src 和 alt 文本。

在将“Image”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<img alt="" src="">
```
有关更多信息，请参见 HtmlImage 服务器控件声明性语法、Image Web 服务器控件概述、HtmlImage、HtmlInputImage 和 Image。
Select

插入一个下拉 select 元素（没有 size 属性）。默认情况下，对于第一个列表框，插入 id="select1"，对于第二个列表框，插入 id="select2"，以此类推。

在将“Select”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<select id="select1" name="select1"><option selected></option></select>
```
可以通过增加 size 属性的值来创建占据多行的 select 元素。

有关更多信息，请参见 HtmlSelect 服务器控件声明性语法、如何：创建脚本和编辑事件处理程序、DropDownList Web 服务器控件概述、ListBox Web 服务器控件概述、HtmlSelect 和 DropDownList。
Horizontal Rule

插入一个 hr 元素。若要增大线条的粗细，请编辑 size 属性。

在将“Horizontal Rule”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<hr width="100%" size=1> 
```
有关更多信息，请参见 HTML 水平线规则控件。
Div

插入一个 div 元素，该元素包括一个 ms_positioning="FlowLayout" 属性。除 width 和 height 之外，该项与“流布局面板”相同。若要设置 div 元素中包含的文本的格式，请在开始标记中添加 class="stylename" 属性。

在将“Div”拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：
```
<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
```
有关更多信息，请参见HTML Div 控件、Label Web 服务器控件概述和Label。