網頁表單產生器(Html Form Generator) v3.0
輸入欄位資料訊息
點選按鈕將產生示範資料到左下曲塊。
附加→
←拆解
{"strDisplayName":"帳號","strType":"text","strName":"str帳號","strPlaceholder":"username"} {"strDisplayName":"密碼","strType":"password","strName":"str密碼","strPlaceholder":"password"} {"strDisplayName":"自我介紹","strType":"textarea","strName":"str自我介紹"} {"strDisplayName":"大頭照","strType":"file","strName":"file大頭照"} {"strDisplayName":"生活照","strType":"multipleFile","strOuterTitle":"多張照片","strName":"file生活照"} {"strDisplayName":"隱型碼","strType":"hidden","strName":"str隱型碼","strDefaultValue":"happy"} {"strDisplayName":"興趣","strType":"checkbox","strName":"cb興趣","straItemValue":["吃美食","看電影","去旅遊"],"straItemLabel":["吃美食","看電影","去旅遊"]} {"strDisplayName":"性別","strType":"radio","strMustClassName":"radio性別","straItemOther":[[],["checked"]],"straItemValue":["男","女"],"straItemLabel":["男","女"]} {"strDisplayName":"年收入","strType":"select","strName":"sel年收入","straItemLabel":["無可奉告","50萬以下","500萬以下"],"straItemValue":["無可奉告","50萬以下","500萬以下"],"straItemOther":[["selected"],[]]} {"strDisplayName":"曾經去過","strType":"multipleSelect","strName":"multiSel曾經去過","straItemLabel":["美國","日本","韓國","印度","馬來西亞","敘利亞","希臘"],"straItemValue":["美國","日本","韓國","印度","馬來西亞","敘利亞","希臘"]}
數量
樣式
div
table
預覽
預覽結果
Solution A
開闔
test.htm
下載
Solution B
開闔
test.htm
下載
Library
開闔
lib_html_form_generator.js
下載
test.php
下載