1、 UTSTARCOM-WorkflowEcology7.0系統項目實施之HTML表單基礎入門 Submitted by Weaver Software聯系人 王恒Project Manager地址：上海市浦東新區耀華支路39弄9號泛微大樓郵編：200126手機：186-0581-3255Email:wang.heng文檔版本變更序號日期版本文件變更申請編號變更說明修改人12013-11-03V1.0無初稿王恒22013-11-04V2.0無增加圖片等優化王恒目錄1、引言32、HTML表單準備工作32.1 申請非標功能，打升級包32.2 HTML語言基礎（關鍵字段）簡介33. 項目實施過程中經驗

2、分享43.1 HTML表單初始化設置43.2 主字段的運算設置43.3 明細字段 優化51、引言項目實施過程中，會遇到HTML樣式表單，結合幾個項目實施經驗，現和大家一起分享總結相關內容。歡迎大家指正和補充。備注：考慮到瀏覽器兼容性問題，本文檔測試環境所使用IE瀏覽器版本均為8.0。2、HTML表單準備工作2.1 申請非標功能，打升級包此處省略。2.2 HTML語言基礎（關鍵字段）簡介3. 項目實施過程中經驗分享3.1 HTML表單初始化設置具體操作省略。注意事項：A、可根據實際情況選擇列數；B、初始化時可自定義其序號，排序可按排列后的序號進行有序排列；C、初始化時可定義各字段在該節點時的編輯

3、權限：只讀，編輯，必填；D、注意以下字段：標題，緊急程度，簽字意見。3.2 主字段的運算設置示例1：加減乘除運算，如下圖：前提：運算中的字段類型須為單行文本-整數/浮點數，或者瀏覽按鈕-日期的類型配置圖效果圖示例2：金額大小寫轉換，如下圖：前提：需定義2單行文本浮點數類型字段，且保證大寫金額字段為只讀權限配置圖效果圖示例3：日期相減，如下圖：配置圖效果圖3.3 明細字段 優化3.3.1 添加/刪除按鈕 建議居左因明細字段一般放在主字段下面，系統默認居右，不方便用戶操作修改前修改后修改前-配置截圖修改后-配置截圖效果圖設置方法：將align="right" 修改為align=

4、"left"重要提示：若流程節點操作者需要對明細字段有新增，修改，刪除等權限，需要在此節點開放明細字段新增，修改，刪除等配置權限，如下圖：3.3.2 字段賦值節點前附加操作即可完成3.3.3 字段長度限制比如：物料編碼最大需輸入10位，則需將此字段的類型及屬性設置為，如下圖當填入內容超過10位數字后，系統則會提示備注：若客戶需求此字段只能是10位數字，則需二次開發控制3.3.4 明細字段個數較多怎么辦？建議解決方案：可經過修改HTML代碼進行拆分2行，兩種方法兩種控制效果第1種方法及效果：只拆分<tr>標簽部分，拆分成2行內容，效果是兩行明細字段的百分比寬度一致保持一致，不能進行各行百分比寬度的設置配置圖：效果圖：第2種方法及效果：拆分<table>標簽，拆分成2行內容，效果是兩行的百分比可自行設置控制配置圖：效果圖：3.3.5 明細字段顯示內容太多，需要換行怎么辦？建議解決方案：在流程關聯表單字段名稱中加入設置，增加<br>元素即可解決此問題配置圖：效果圖：泛微網絡科技股份有限公司 地址：上海市浦東新區耀華支路39弄9號泛微軟件大廈 郵編：20012