欢迎光临散文网 会员登陆 & 注册

H5DS编辑器新手教程——表单用法

2023-08-31 13:04 作者:爱趣五科技  | 我要投稿

小伙伴们大家好我是小趣~

今天给大家介绍H5DS编辑器里的表单用法,在这里只例举其中一种——输入框的使用方法,对于其他表单类型,在教程视频里都有详细讲解,教程视频在B站搜索“H5DS编辑器教程”就能搜到了,下面我们就一起开始学习吧!

工具:爱趣五H5DS编辑器

如何制作表单?


1.点击左方工具栏“更多”选项



2.找到第一排第二个“表单”,点击进入



3.在右边图层样式里,可以看到九种表单类型,在这里只例举第一种输入框的用法,点击输入框



4.在图层样式里找到input选项,点击进入



5.在“标签”里填入自己想要输入的标签,打开显示标签按钮,点击“确认修改”



6.预览标签效果



7.在全局样式里可以修改输入框的背景颜色和文字颜色(注:文本颜色需在预览发布状态下输入才会显示)



8.在“提交按钮”里可以修改按钮的颜色,文字颜色和背景颜色,也可以修改“按钮文字”为自定义内容,例如把“提交”改为“登录”



9.预览修改全局样式和提交按钮的效果



10.表单演示效果



小伙伴们都学会了吗?

表单功能还有很多类型可以选择,建议大家都可以试试!

下期预告:如何使用按钮插件?

(注:H5DS编辑器支持私有化部署和源码授权,用户可二次开发)

有任何疑问欢迎小伙伴们在评论区留言。

官网链接:h5ds.com

我们下期见!

觉得有收获的欢迎点赞收藏起来慢慢食用~



H5DS编辑器新手教程——表单用法的评论 (共 条)

分享到微博请遵守国家法律