Bootstrap的表单设计器

简介: 如果是内部系统或是自己需要写个简单点的页面,可以直接使用Twitter的Bootstrap,而这个表单器也是非常好用,直接拖拽,设置属性,得到一个很漂亮的表单。 右侧的Generated Source即可获取左侧设计表单的源码,很方便吧:)   使用方法很简单,鼠标左键选中你需要添加的表单控件至左侧容器中,松开鼠标即可。

如果是内部系统或是自己需要写个简单点的页面,可以直接使用Twitter的Bootstrap,而这个表单器也是非常好用,直接拖拽,设置属性,得到一个很漂亮的表单。

右侧的Generated Source即可获取左侧设计表单的源码,很方便吧:)

 

使用方法很简单,鼠标左键选中你需要添加的表单控件至左侧容器中,松开鼠标即可。

选择控件,会弹出属性面板,只需要修改相应的参数即可:

 

立即去试用>>

目录
相关文章
N..
|
2月前
|
开发框架 前端开发 UED
Bootstrap表单
Bootstrap表单
N..
34 0
|
10月前
|
前端开发 JavaScript 数据安全/隐私保护
Bootstrap 表单样式-水平排列
Bootstrap 表单样式-水平排列
52 0
|
20天前
|
机器学习/深度学习 JSON 移动开发
详细解读BootStrap智能表单系列八表单配置json详解
详细解读BootStrap智能表单系列八表单配置json详解
|
24天前
|
机器学习/深度学习 JSON 移动开发
详细解读BootStrap智能表单系列八表单配置json详解
详细解读BootStrap智能表单系列八表单配置json详解
11 0
|
2月前
|
前端开发 JavaScript 容器
Bootstrap 5 保姆级教程(十五):表单
Bootstrap 5 保姆级教程(十五):表单
|
9月前
|
Web App开发 移动开发 前端开发
|
10月前
|
前端开发
Bootstrap 表单样式
Bootstrap 表单样式
30 0
开心档 - 软件开发入门之 Bootstrap4 自定义表单
Bootstrap4 自定义表单Bootstrap4 可以自定义一些表单的样式来替换浏览器默认的样式。
|
移动开发 前端开发 HTML5
开心档 - 软件开发入门之 Bootstrap4 表单控件
Bootstrap 支持所有的 HTML5 输入类型: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, 以及 color。
|
前端开发 JavaScript 容器
开心档 - 软件开发入门之 Bootstrap4 表单
在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。