试试用Markdown来设计表单

相信很多后端开发。对于前端知识是比较零碎的，所以很多时候写表单这样的工作，一般就是复制黏贴，然后改改字段。对于HTML格式，一直觉得比较杂乱，不够简洁。
最近TJ发现了一个有趣的小工具：Create HTML Form。

看看上面它的Slogan，是不是很有意思？居然可以通过Markdown来编写HTML的表单？下面就来一起看看这款工具的能力。
下面是官方页面给出的Markdown案例：

1. ## Example Form
3. name* = ___
4. Email = ___[@] Enter Email
5. Password = ___[*] ***
7. city = {Boston, SFO -> San Francisco, (NYC -> New York City)}
9. size = () small (x) medium () large            
11. I agree to share my information with partners = ___[checkbox]
13. Publish on my profile = ___[switch]
14. User Number = ___[1-10]
15. Phone Number* = ___[r2002000000-9999999999]
16. Color = ___[color]
17. Date = ___[date]
19. Save = ___[+]

复制代码

通过上面的Markdown内容，将获得如下图所示的结果内容：

其中，左边是表单的可视化结果，右边是具体的HTML代码（包括：pico.css、bootstrap、tailwindcss三种），根据自己需要选择性的复制就用就可以了。怎么样？是不是很有趣？
如果你觉得写Markdown还麻烦，也可以通过官方给出的表单库去找找是否有自己需要的，可以直接去复制黏贴：

好了，今天的分享就到这里。最后，奉上该站点地址：https://createhtmlform.com/，有需要的就冲吧～
欢迎关注公众号：TJ君，订阅每日推荐，了解更多效率工具、发现优质开源项目

欢迎关注我的公众号：程序猿DD。第一时间了解前沿行业消息、分享深度技术干货、获取优质学习资源

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！