<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                # 自定義表單 在工具條下找到表單工具,表單工具下包括“輸入框”“單選框”“多選框”“列表框”以及“表單”。 ![](https://box.kancloud.cn/c9ecc448e7eb3ba4237a91535a40a3fa_800x586.png) * * * * * **一、 輸入文字(輸入框)** 如圖,在工具條下找到“輸入框”按鈕,點擊在“舞臺”上“姓名”右邊位置添加一個輸入框 ![](https://box.kancloud.cn/7e8afc2cf27708be2583e6b62acb71b3_800x469.png) 在輸入框“屬性”面板下調整相關屬性,并用“變形”工具調整輸入框在“舞臺”上的大小與位置。 ![](https://box.kancloud.cn/ebe77cd1f27499d67c3f9d6802f69c33_800x456.png) **二、單選框** 在工具條下找到“單選框”按鈕,點擊在“舞臺”上“性別”右邊位置添加一個單選框 ![](https://box.kancloud.cn/2458b90c3b9634ffaa7960177bbf9c7b_800x457.png) 在單選框“屬性”面板下調節相關屬性設置,例如設置選題“標簽”為“男”“女”兩個(每行為一個標簽)。選擇“變形”工具,調節“舞臺”上單選框的位置、大小等。 ![](https://box.kancloud.cn/6bbdd0462a70aa01ad681cc18adf0a85_800x456.png) 另外,在“屬性”面板內,如果將“外觀”選為“定制”,還可自定義選擇上傳“未選中圖片”以及“選中圖片”的素材,此處不多做詳述。 ![](https://box.kancloud.cn/94539687a1626f6a35c83aa4ef59dc66_800x455.png) **三、多選框** 在工具條下找到“多選框”按鈕,點擊在“舞臺”上“愛好”右邊位置添加一個多選框 ![](https://box.kancloud.cn/fa7b5bb4f2dd740177eae1bab4ef4a57_800x453.png) 在多選框“屬性”面板下調節相關屬性設置,例如設置選題“標簽”為“足球”“籃球”“乒乓球”等(每行為一個標簽),選擇“變形”工具,調節“舞臺”上多選框的位置、大小等。 ![](https://box.kancloud.cn/530da4103932abdf7671afd71f2001d3_800x455.png) **四、下拉菜單(列表框)** 在工具條下找到“列表框”按鈕,點擊在“舞臺”上“城市”右邊位置添加一個列表框 ![](https://box.kancloud.cn/9b88ca96cfa89d5c400e486b9ca246ba_800x461.png) 在列表框“屬性”面板下調節相關屬性設置,例如輸入“選項”內容為“北京(BJ)”“天津(TJ)”,“必填項”選擇“是”。 ![](https://box.kancloud.cn/130087ff93f4b9238b540140f7e1d7e8_800x453.png) * 注意:設置“選項”內容時,注意觀察選項內容輸入框內的提示語“一行一個值,格式如:中國(CN)。其中(CN)是表單提交的值”) 點擊“預覽”,觀察效果 ![](https://box.kancloud.cn/edc8bcc0909608af554d567dd94ebc5d_800x472.png) **五、表單提交** 提交表單之前,我們要給所需提交的元素命名。如圖,在輸入框“屬性”面板下為其命名為“姓名” ![](https://box.kancloud.cn/1f3a929ee068abe7be15bf65b625af1f_800x478.png) 同理,分別將單選框、多選框以及列表框命名為“性別”“愛好”“城市”。 ![](https://box.kancloud.cn/b1a17d0cd5e27026c6f040b416125aa3_800x464.png) 點擊“舞臺”上的“提交”按鈕右邊的“添加/編輯行為”按鈕 ![](https://box.kancloud.cn/e07b4936655320149cd600b4b9394b5d_800x525.png) 在彈出的“編輯行為”對話框內選擇“屬性控制”→“提交表單”→觸發條件:“點擊”,點擊“編輯”按鈕。 ![](https://box.kancloud.cn/7c743586d61465b07b2bd1efb29119fb_800x566.png) 在“參數”對話框中選擇“提交目標”為“默認數據服務”,勾選需提交的對象,并選擇“操作成功后”和“操作失敗后”都為“跳轉到頁”,點擊“操作成功后”右邊的“編輯”按鈕 ![](https://box.kancloud.cn/f778d4a155df0fd2a03f568575840fdf_800x482.png) 在新彈出的“參數”對話框中設置頁號為“2”,點擊“確認” ![](https://box.kancloud.cn/ba684c84727734a1266a52ff6c3cdc8e_800x467.png) 點擊“操作失敗后”右邊的“編輯”按鈕,在新彈出的“參數”對話框中設置頁號為“3”,點擊“確認” ![](https://box.kancloud.cn/daa4ac4463408f7f0cb84c9a2e82a267_800x476.png) 回到操作界面,添加第2、3頁面,在第2頁面添加文字素材“提交成功”,在第3頁面添加文字素材“提交失敗” ![](https://box.kancloud.cn/6930e4ee56d9367c54caca15cdbad772_800x526.png) 點擊“預覽”效果 ![](https://box.kancloud.cn/f0eacd9e808e3a02d36a0315bb990d5a_800x460.png) 保存作品,回到Mugeda賬號主頁,找到新保存的該作品 ![](https://box.kancloud.cn/bc6f81a5cf2fcb7ea936d7332c2ee1c1_800x446.png) 點擊作品右下角的三個豎點符號,在彈出的選框中點擊選擇“統計” ![](https://box.kancloud.cn/80877d32067f4594fe96a1f8e346ba97_800x392.png) ![](https://box.kancloud.cn/e77c6872f265d12e9e75c244718cd89e_800x452.png) 進入數據統計頁面,點擊“表單數據”,進入表單數據統計頁面,可觀察到之前提交的信息。這就是提交表單和數據查詢方法。 ![](https://box.kancloud.cn/ea0ad7bce38377a746ece1f7b028728e_800x452.png) 點擊“導出數據”,可導出一個Excel形式的數據統計表 ![](https://box.kancloud.cn/2aa946644a01e6a0575dbb33d6997e7a_800x456.png) 觀看本節視頻教程: http://cdn1.mugeda.com/course/3/3.7/3.7.1.mp4
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看