工具箱、HTML 索引標籤

發行項
08/21/2008

更新：2007 年 11 月

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

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

工作

UI 項目

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

指標

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

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

當您將 [輸入 (按鈕)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Button1" type="button" value="Button" name="Button1">
```
如需詳細資訊，請參閱 HTML Input 控制項、HtmlInputButton 伺服器控制項宣告式語法、HOW TO：建立指令碼和編輯事件處理常式、Button Web 伺服器控制項概觀、HtmlInputButton、HtmlButton 和 Button。
輸入 (重設)

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

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

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

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

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

當您將 [輸入 (文字)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Text1" TYPE="text" value="Text Field" name="Text1">
```
如需詳細資訊，請參閱 HTML Input 控制項、HtmlInputText 伺服器控制項宣告式語法、TextBox Web 伺服器控制項概觀、HtmlInputText 和TextBox。

安全性注意事項：

建議您驗證所有使用者輸入。如需詳細資訊，請參閱驗證 ASP.NET Web 網頁中的使用者輸入。
輸入 (檔案)

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

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

安全性注意事項：

建議您驗證所有使用者輸入。如需詳細資訊，請參閱驗證 ASP.NET Web 網頁中的使用者輸入。

安全性注意事項：
建議您驗證所有使用者輸入。如需詳細資訊，請參閱驗證 ASP.NET Web 網頁中的使用者輸入。

安全性注意事項：
建議您驗證所有使用者輸入。如需詳細資訊，請參閱驗證 ASP.NET Web 網頁中的使用者輸入。

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

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

當您將 [輸入 (密碼)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：

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

如需詳細資訊，請參閱 HTML Input 控制項、HtmlInputPassword 伺服器控制項宣告式語法、HOW TO：為密碼輸入設定 TextBox Web 伺服器控制項和逐步解說：驗證 Web Form 網頁中的使用者輸入。

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

輸入 (核取方塊)

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

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

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

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

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

當您將 [輸入 (隱藏)] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<input id="Hidden1" type="hidden" name="Hidden1"> 
```
如需詳細資訊，請參閱 HTML Input 控制項、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。

安全性注意事項：

建議您驗證所有使用者輸入。如需詳細資訊，請參閱驗證 ASP.NET Web 網頁中的使用者輸入。
資料表

插入 table 項目。

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

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

當您將 [影像] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<img alt="" src="">
```
如需詳細資訊，請參閱 HtmlImage 伺服器控制項宣告式語法、Image Web 伺服器控制項概觀、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：建立指令碼和編輯事件處理常式、DropDownList Web 伺服器控制項概觀、ListBox Web 伺服器控制項概觀、HtmlSelect 和 DropDownList。
水平尺規

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

當您將 [水平尺規] 拖曳至 [設計檢視] 介面上時，類似下列的 HTML 標記就會插入您的文件中：
```
<hr width="100%" size=1> 
```
如需詳細資訊，請參閱 HTML Horizontal Rule 控制項。
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 控制項、Label Web 伺服器控制項概觀和 Label。