工具箱的 HTML 选项卡提供可用于网页和 Web 窗体的组件。 若要查看此选项卡，请先打开文档以在 HTML 设计器中编辑。 在 “视图 ”菜单上，单击“ 工具箱”，然后单击工具箱的 HTML 选项卡。
若要在 HTML 选项卡上创建工具的实例，请双击该工具将其添加到当前插入点的文档，或选择该工具并将其拖动到编辑图面上的所需位置。
UI 元素
默认情况下，HTML 选项卡上提供了以下工具。
指针
默认情况下，当任何工具箱选项卡打开时，将选中此工具。 无法删除它。 通过指针可以将对象拖到设计视图图面上，调整对象大小，并在页面或窗体上重新定位它们。 有关详细信息，请参阅 工具箱。
输入（按钮）
插入一个 input . 的 type="button"元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下， id="Button1" 为第一个按钮、第二个按钮 id="Button2" 插入，依此等。
将 “输入”（按钮） 拖到“设计”视图图面上时，将如下所示的 HTML 标记插入到文档中：
<input id="Button1" type="button" value="Button" name="Button1">
输入（重置）
插入一个 input . 的 type="reset"元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下， id="Reset1" 为第一个重置按钮插入第 id="Reset2" 二个重置按钮，依此插入。
将 输入（重置） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="Reset1" type="reset" value="Reset" name="Reset1">
输入（提交）
插入一个 input . 的 type="submit"元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下， id="Submit1" 为第一个提交按钮插入第二个提交按钮 id="Submit2" ，依依如此。
将 输入（提交） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="Submit1" type="submit" value="Submit" name="Submit1">
输入（文本）
在文档中插入一type="text"个input元素。 若要更改显示的默认文本，请编辑 value 属性。 默认情况下， id="Text1" 为第一个文本字段插入第二个文本字段 id="Text2" ，依此插入。
将 输入（文本） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="Text1" TYPE="text" value="Text Field" name="Text1">
重要
建议验证所有用户输入。 有关详细信息，请参阅 ASP.NET 网页（Razor）网站中的验证用户输入。
输入（文件）
在文档中插入一type="file"个input元素。 默认情况下， id="File1" 为第一个文件字段插入第二个文件字段 id="File2" ，依此插入。
将 输入（文件） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="File1" type="file" name="File1">
重要
建议验证所有用户输入。 有关详细信息，请参阅 ASP.NET 网页（Razor）网站中的验证用户输入。
输入（密码）
插入一个 input . 的 type="password"元素。 默认情况下， id="Password1" 为第一个密码字段插入第二个密码字段 id="Password2" ，依此插入。
将 “输入”（密码） 拖到“设计”视图图面上时，HTML 标记将插入到文档中：
<input id="Password1" type="password" name="Password1">
重要
如果应用程序传输用户名和密码，则应将网站配置为使用安全套接字层（SSL）来加密传输。 有关详细信息，请参阅 “保护连接”。 此外，建议验证所有用户输入。 有关详细信息，请参阅 ASP.NET 网页（Razor）网站中的验证用户输入。
输入（复选框）
插入一个 input . 的 type="checkbox"元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下， id="Checkbox1" 插入第一个复选框、 id="Checkbox2" 第二个复选框等。
将 “输入”（复选框） 拖到设计视图图面上时，将如下所示的 HTML 标记插入到文档中：
<input id="Checkbox1" type="checkbox" name="Checkbox1">
输入（无线电）
插入一个 input . 的 type="radio"元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下， id="Radio1" 插入第一个单选按钮、 id="Radio2" 第二个单选按钮等。
将 “输入”（单选） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="Radio1" type="radio" name="Radio1">
输入（隐藏）
插入一个 input . 的 type="hidden"元素。 默认情况下， id="Hidden1" 为第一个隐藏字段插入第 id="Hidden2" 二个隐藏字段，依此插入。
将 输入（隐藏） 拖到设计视图图面上时，HTML 标记将插入到文档中：
<input id="Hidden1" type="hidden" name="Hidden1">
Textarea
textarea插入元素。 可以调整文本区域的大小，或使用其滚动条查看超出其显示区域的文本。 若要更改显示的默认文本，请编辑 value 属性。 默认情况下， id="textarea1" 第一个文本区域插入 id=" textarea 2" 第二个文本区域，依此等。
将 Textarea 拖到设计视图图面上时，将如下所示的 HTML 标记插入到文档中：
<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea>
重要
建议验证所有用户输入。 有关详细信息，请参阅 ASP.NET 网页（Razor）网站中的验证用户输入。
表
table插入元素。
将 表格 拖到“设计”视图图面上时，HTML 标记将插入到文档中：
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table>
图像
插入元素 img 。 编辑此元素以指定其 src 及其 alt 文本。
将 图像 拖到设计视图图面上时，将如下所示的 HTML 标记插入到文档中：
<img alt="" src="">
选择
插入下拉列表 select 元素（不含 size 属性）。 默认情况下， id="select1" 插入第一个列表框、 id="select2" 第二个列表框等。
将 Select 拖到“设计”视图图面上时，HTML 标记将插入到文档中：
<select id="select1" name="select1"><option selected></option></select>
可以通过增加 size 属性的值来创建多行 select 元素。
水平规则
插入元素 hr 。 若要增加线条的粗细，请编辑 size 属性。
将 水平规则 拖到设计视图图面上时，HTML 标记将插入到文档中：
<hr width="100%" size=1>
Div
插入包含 div 属性的 ms_positioning="FlowLayout" 元素。 除了宽度和高度，此项与流布局面板相同。 若要设置元素中包含的 div 文本的格式，请将属性 class="stylename" 添加到开始标记。
将 Div 拖到设计视图图面上时，将如下所示的 HTML 标记插入到文档中：
<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>