2.     表單控制項設計方式

HTML Controls:

1.    表單中所有標籤均需有Name, ID的屬性值。

2.    表單中各欄位名稱不可使用中文,名稱不可重複。

3.    表單中不可使用關鍵字,包括ASPX關鍵字,HTML關鍵字及BPMFLOW.NET關鍵字,Ex: method, submit, action, form, to, datetime, …等及wf_開頭的名稱。

4.    表單如果有使CSS語法,必須直接寫在表單中。

5.    表單中不可有Submit Button

 

Form, 表單

標籤:            <Form>

語法:            <form>…</form>

說明:           

      請使用frmName,方便識別及維護。

      一張表單只能有一個

      所有的標籤都必須要被包在<form>...</form>之內。

      不允許被斷行(enter)

 

Textbox, 文字區域

標籤:            <Input>

語法:            <input name="txtSampleName" id="txtSampleName" type="text">

說明:           

      Nameid請使用txtName,方便識別及維護。

      文字欄位 (text field) 不可使用disabled屬性。

 

Textarea, 備註欄位

標籤:            <Textarea>

語法:           

說明:           

      Nameid請使用txaName,方便識別及維護。

 

Checkbox, 核取方塊

標籤:            <Input>

語法:       <input type="checkbox" name="chkTypeName" id="chkTypeAName"

               value="1">

說明:           

      Nameid請使用chkTypeName,方便識別及維護。

範例:       <input type="checkbox" name="chkTypeAName" id="chkTypeAName"

               value="1">

            <input type="checkbox" name="chkTypeBName" id="chkTypeBName"

               value="2">

            <input type="checkbox" name="chkTypeCName" id="chkTypeCName"

               value="3">

           

Radio Button, 選擇鈕

標籤:            <Input>

語法:       <input name="radName" id="radName01" type="radio"

               value="小於41">

說明:           

      Nameid請使用radName,方便識別及維護。

      同一群組的單選按鈕 (radio button) 的名稱 (Name) 必須相同名稱,但id可以有不同名稱,方便程式控制。

語法:       <input name="radName" id="radName01" type="radio"

               value="小於41">

            <input name="radName" id="radName02" type="radio"

               value="大於40且小於81">

            <input name="radName" id="radName03" type="radio"

               value="大於80">

 

Dropdown List, 下拉式選單

標籤:            <Select>

語法:       <select name="clsName" id="clsName">

                <option value="text&select;value">text</option>

            </select>

說明:            text為顯示文字

                        &select; 為系統的分隔保留字

                        value 為記錄文字

                        value=""必須符合上述的格式

      Nameid請使用clsName,方便識別及維護。

      表單內容中select 物件必需給value屬性,也就是optionvalue屬性必須有值。

範例1         <select name="clsName" id="clsName">

               <option value="一般事務性用品&select;1">一般事務性用品

               </option>

               <option value="公司用軟、硬體&select;2">公司用軟、硬體

               </option>

            </select>

範例2

                        <select name="clsName" id="clsName">

               <option value=""></option>

               <option value="一般事務性用品&select;1">一般事務性用品

               </option>

               <option value="公司用軟、硬體&select;2">公司用軟、硬體

               </option>

            </select>

 

範例3

                        <select name="clsName" id="clsName">

               <option value="請選擇&select;"> 請選擇</option>

               <option value="一般事務性用品&select;1">一般事務性用品

               </option>

               <option value="公司用軟、硬體&select;2">公司用軟、硬體

               </option>

            </select>

 

* Datagrid, 資料表格

標籤:            <div>

語法:            <div id="divName"></div>

說明:           

      id請使用divName,方便識別及維護。

 

Server Controls:

      所有標籤均需有ID的屬性值。

 

Text Box, 文字欄位

標籤:            <asp:TextBox>

語法:            <asp:TextBox id="tbName" runat="server" TextMode=""></asp:TextBox>

說明:           

      id請使用tbName,方便識別及維護。

List Box, 條列式選單

標籤:            <asp: ListBox>

語法:       <asp:ListBox id=lbName runat="server"></asp:ListBox>

說明:           

      id請使用lbName,方便識別及維護。

範例:

                       

Dropdown List, 下拉式選單

標籤:            <asp:DropDownList>

語法:            <asp:DropDownList id="ddlName" runat="server" />

說明:

id請使用ddlName,方便識別及維護。