HTML 索引標籤、工具箱

發行項
02/28/2013

[工具箱] 的 [HTML] 索引標籤提供了對 Web 網頁和 Web Form 很有用的元件。若要檢視這個索引標籤，請先在 HTML 設計工具中開啟要編輯的文件。在 [檢視] 功能表上按一下 [工具箱]，再按一下 [工具箱] 的 [HTML] 索引標籤。

若要建立 [HTML] 索引標籤上某個工具的執行個體，請按兩下這個工具將它加入至文件的目前插入點，或者選取這個工具並且將它拖曳至編輯介面上想要的位置。

工作

UI 項目

根據預設，下列工具都會出現在 [HTML] 索引標籤上。

指標

根據預設，開啟任何 [工具箱] 索引標籤時，這個工具都會被選取。它是不能刪除的。指標可以讓您將物件拖曳至 [設計檢視] 介面上、重新調整物件的大小，以及重新調整物件在頁面或表單上的位置。如需詳細資訊，請參閱 How to: Manage the Toolbox Window和 How to: Manipulate Toolbox Tabs。
輸入 (按鈕)

插入 type="button" 的 input 項目。若要變更顯示的文字，請編輯 name屬性。根據預設，第一個按鈕插入的是 id="Button1"，第二個插入的是 id="Button2"，依此類推。

當您將 [輸入 (按鈕)] 拖曳至 [設計檢視] 介面上時，類似下列的 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。
輸入 (重設)

插入 type="reset" 的 input 項目。若要變更顯示的文字，請編輯 name屬性。根據預設，第一個重設按鈕插入的是 id="Reset1"，第二個插入的是 id="Reset2"，依此類推。

當您將 [輸入 (重設)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Reset1" type="reset" value="Reset" name="Reset1">
```
如需詳細資訊，請參閱HTML Input Controls、HtmlInputReset 伺服器控制項宣告式語法、HtmlInputButton和 Button。
輸入 (送出)

插入 type="submit" 的 input 項目。若要變更顯示的文字，請編輯 name屬性。根據預設，第一個送出按鈕插入的是 id="Submit1"，第二個插入的是 id="Submit2"，依此類推。

當您將 [輸入 (送出)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Submit1" type="submit" value="Submit" name="Submit1">
```
如需詳細資訊，請參閱HTML Input Controls、HtmlInputSubmit 伺服器控制項宣告式語法、HtmlInputButton和 Button。
輸入 (文字)

將 type="text" 的 input 項目插入您的文件中。若要變更顯示的預設文字，請編輯 value 屬性。根據預設，第一個文字欄位插入的是 id="Text1"，第二個插入的是 id="Text2"，依此類推。

當您將 [輸入 (文字)] 拖曳至 [設計檢視] 介面上時，類似下列的 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。
輸入 (檔案)

將 type="file" 的 input 項目插入您的文件中。根據預設，第一個檔案欄位插入的是 id="File1"，第二個插入的是 id="File2"，依此類推。

當您將 [輸入 (檔案)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="File1" type="file" name="File1">
```
如需詳細資訊，請參閱 HTML Input Controls、HtmlInputFile 伺服器控制項宣告式語法和HtmlInputFile。

安全性提示

建議您驗證所有使用者輸入。如需詳細資訊，請參閱 Validating User Input in ASP.NET Web Pages。

安全性提示
建議您驗證所有使用者輸入。如需詳細資訊，請參閱 Validating User Input in ASP.NET Web Pages。

安全性提示
建議您驗證所有使用者輸入。如需詳細資訊，請參閱 Validating User Input in ASP.NET Web Pages。

輸入 (密碼)
Visual Studio 密碼欄位

插入 type="password" 的 input 項目。根據預設，第一個密碼欄位插入的是 id="Password1"，第二個插入的是 id="Password2"，依此類推。

當您將 [輸入 (密碼)] 拖曳至 [設計檢視] 介面上時，類似下列的 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。

安全性提示
如果您的應用程式需要傳送使用者名稱和密碼，就應該設定網站使用 Secure Sockets Layer (SSL) 將傳輸內容加密。如需詳細資訊，請參閱 IIS Operations Guide 中的＜Securing Connections with SSL＞。此外，也建議您要驗證所有使用者輸入。如需詳細資訊，請參閱 Validating User Input in ASP.NET Web Pages。

輸入 (核取方塊)

插入 type="checkbox" 的 input 項目。若要變更顯示的文字，請編輯 name屬性。根據預設，第一個核取方塊插入的是 id="Checkbox1"，第二個插入的是 id="Checkbox2"，依此類推。

當您將 [輸入 (核取方塊)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Checkbox1" type="checkbox" name="Checkbox1"> 
```
如需詳細資訊，請參閱 HTML Input Controls、HtmlInputCheckBox 伺服器控制項宣告式語法、CheckBox and CheckBoxList Web Server Controls Overview、HtmlInputCheckBox和CheckBox。
輸入 (選項按鈕)

插入 type="radio" 的 input 項目。若要變更顯示的文字，請編輯 name屬性。根據預設，第一個選項按鈕插入的是 id="Radio1"，第二個插入的是 id="Radio2"，依此類推。

當您將 [輸入 (選項按鈕)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Radio1" type="radio" name="Radio1">
```
如需詳細資訊，請參閱 HTML Input Controls、HtmlInputRadioButton 伺服器控制項宣告式語法、RadioButton and RadioButtonList Web Server Controls Overview、HtmlInputRadioButton和RadioButton。
輸入 (隱藏)

插入 type="hidden" 的 input 項目。根據預設，第一個隱藏欄位插入的是 id="Hidden1"，第二個插入的是 id="Hidden2"，依此類推。

當您將 [輸入 (隱藏)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Hidden1" type="hidden" name="Hidden1"> 
```
如需詳細資訊，請參閱 HTML Input Controls、HtmlInputHidden 伺服器控制項宣告式語法和HtmlInputHidden。
文字區域

插入 textarea 項目。您可以重新調整文字區域的大小，或者使用它的捲軸來檢視超出顯示區域的文字。若要變更顯示的預設文字，請編輯 value 屬性。根據預設，第一個文字區域插入的是 id="textarea1"，第二個插入的是 id=" textarea 2"，依此類推。

當您將 [文字區域] 拖曳至 [設計檢視] 介面上時，類似下列的 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 項目。

當您將 [資料表] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
```
如需詳細資訊，請參閱HtmlTable 伺服器控制項宣告式語法、Table, TableRow, and TableCell Web Server Control Overview、HtmlTable和 Table。
Image

插入 img 項目。請編輯這個項目來指定它的 src 和 alt 文字。

當您將 [影像] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<img alt="" src="">
```
如需詳細資訊，請參閱 HtmlImage 伺服器控制項宣告式語法、Image Web Server Control Overview、HtmlImage、HtmlInputImage和Image。
Select

插入下拉式清單 select 項目 (沒有 size 屬性)。根據預設，第一個清單方塊插入的是 id="select1"，第二個插入的是 id="select2"，依此類推。

當您將 [選取] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<select id="select1" name="select1"><option selected></option></select>
```
只要將 size 屬性的值加大，即可建立多行的 select 項目。

如需詳細資訊，請參閱 HtmlSelect 伺服器控制項宣告式語法、How to: Create Scripts and Edit Event Handlers、DropDownList Web Server Control Overview、ListBox Web Server Control Overview、HtmlSelect 和 DropDownList。
水平尺規

插入 hr 項目。若要增加線條的粗細，請編輯 size 屬性。

當您將 [水平尺規] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<hr width="100%" size=1> 
```
如需詳細資訊，請參閱 HTML Horizontal Rule Control。
Div

插入一個包含 ms_positioning="FlowLayout" 屬性的 div 項目。除了寬度和高度以外，這個項目和 [流程配置面板] 是一樣的。若要格式化 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。