最近發(fā)現(xiàn)了一個(gè)有趣的小工具:Create HTML Form
下面是官方頁(yè)面給出的Markdown案例:
## Example Form
name* = ___
Email = ___[@] Enter Email
Password = ___[*] ***
city = {Boston, SFO -> San Francisco, (NYC -> New York City)}
size = () small (x) medium () large
I agree to share my information with partners = ___[checkbox]
Publish on my profile = ___[switch]
User Number = ___[1-10]
Phone Number* = ___[r2002000000-9999999999]
Color = ___[color]
Date = ___[date]
Save = ___[+]
通過(guò)上面的Markdown內(nèi)容,將獲得如下圖所示的結(jié)果內(nèi)容:
其中,左邊是表單的可視化結(jié)果,右邊是具體的HTML代碼(包括:pico.css、bootstrap、tailwindcss三種),根據(jù)自己需要選擇性的復(fù)制就用就可以了。怎么樣?是不是很有趣?
如果你覺(jué)得寫(xiě)Markdown還麻煩,也可以通過(guò)官方給出的表單庫(kù)open in new window去找找是否有自己需要的,可以直接去復(fù)制黏貼: