首页 > 基础资料 博客日记
试试用Markdown来设计表单
2023-09-12 17:18:07基础资料围观167次
Java资料网推荐 试试用Markdown来设计表单这篇文章给大家,欢迎收藏Java资料网享受知识的乐趣
相信很多后端开发。对于前端知识是比较零碎的,所以很多时候写表单这样的工作,一般就是复制黏贴,然后改改字段。对于HTML格式,一直觉得比较杂乱,不够简洁。
最近TJ发现了一个有趣的小工具:Create HTML Form。
看看上面它的Slogan,是不是很有意思?居然可以通过Markdown来编写HTML的表单?下面就来一起看看这款工具的能力。
下面是官方页面给出的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 = ___[+]
通过上面的Markdown内容,将获得如下图所示的结果内容:
其中,左边是表单的可视化结果,右边是具体的HTML代码(包括:pico.css、bootstrap、tailwindcss三种),根据自己需要选择性的复制就用就可以了。怎么样?是不是很有趣?
如果你觉得写Markdown还麻烦,也可以通过官方给出的表单库去找找是否有自己需要的,可以直接去复制黏贴:
好了,今天的分享就到这里。最后,奉上该站点地址:https://createhtmlform.com/,有需要的就冲吧~
欢迎关注公众号:TJ君,订阅每日推荐,了解更多效率工具、发现优质开源项目
欢迎关注我的公众号:程序猿DD。第一时间了解前沿行业消息、分享深度技术干货、获取优质学习资源
文章来源:https://www.cnblogs.com/didispace/p/17697279.html
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
标签:
相关文章
最新发布
- java.lang.reflect.InaccessibleObjectException: Unable to make final void java.lang.Throwable.setCaus
- Java毕业设计:基于Java在线中药网上销售商城系统毕业设计源代码作品和开题报告
- html2canvas + jspdf 纯前端HTML导出PDF的实现与问题
- SpringBoot+Docker +Nginx 部署前后端项目
- 前几天顺手改的一个安卓启动器,已经获得40多颗星了
- 建行支付对接(H5)
- Java毕业设计:Java杭州城市文化展示系统毕业设计源代码作品和开题报告
- Java中的位图和布隆过滤器(如果想知道Java中有关位图和布隆过滤器的知识点,那么只看这一篇就足够了!)
- 少小白学前端——leaflet篇(Javascript 地图库)
- IDEA更改远程git仓库地址