内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

主页 > CDN >

虚拟主机_北京市企业网站建设_怎么申请

2021-07-20 01:15 出处:欧普曼云计算 人气: 评论(0

SAP Marketing Cloud中的表单允许从登录页访问者捕获数据。输入数据并按下提交按钮后,大数据课程,整个表单保持活动状态,可以再次按下按钮。这可能会导致不必要的重复联系人条目。

在您进一步阅读之前,请同时阅读相关的帖子"样式表-简介",因为它解释了很多基础知识。这篇文章还包括到我的CSS系列的其他文章的链接。另一个推荐的帖子是"用CSS设计登录页样式",它解释了在登录页中使用CSS的所有选项。

重要提示:也请注意,人工智能行业分析,我在这里提供的所有CSS代码都没有保修-你需要自己尝试并彻底测试所有东西-特别是对于多种屏幕大小、设备或浏览器!我还建议你确保你对HTML和CSS有很好的理解。

我的示例的基础是一个简单的表单,其中包含3个输入字段和一个提交按钮。表单嵌入到登录页中,我在"自定义CSS"部分添加了CSS样式定义:

我用于以下增强的中心功能是CSS类"sapcSubmitCompleted",它在成功提交后设置在HTML表单元素上。在提交过程中出现错误时使用的另一个类名为"sapcsubmiterror",我在这里不使用它,但很高兴知道它的存在。

在提交后隐藏整个表单

假设我们不想在提交后显示表单的任何内容,除了您也可以在表单中更改的成功消息按钮元素上的设计器。首先要做的是删除所有不是按钮元素的表单元素。如前所述,我首先确保此规则仅适用于类"sapcsubmitcompleted"的成功提交。然后,我为所有表单元素添加了另一个选择器(类"sapCpWidget"),并在button元素("sapCpButtonWidget")上添加了一个排除项。通过设置CSS属性"display:none",所有这些元素都被隐藏起来。

所以这会保留button元素。但是我们也要删除按钮,这样你就不能再点击了。以类似的方式,我添加了一个带有"sapcsubmitcompleted"类和"sapCpButton"类的选择器,大数据公司,这是一个在button小部件中使用的类,指向实际的HTML按钮:

这已经足够了,但是我还添加了一些其他的东西,以使结果看起来更好。我固定了成功消息的边距,使它看起来垂直居中。然后我还更改了一些文本属性和成功和错误消息的颜色:

最终结果如下:

这里是供您复制的完整CSS片段:

提交后隐藏按钮

隐藏该表单的用户提交的所有日期可能不太好。因此,我准备了第二个选项,它只是删除了按钮,还禁用了输入字段中的任何单击事件。

就像在第一个示例中一样,我针对的是所有不是表单提交按钮的元素,大数据说,但这次我专门针对"input"HTML元素并禁用了任何指针事件。这样您就不能点击输入字段,淘客群,因此输入的内容保持稳定:

我只对普通文本输入字段进行了测试–您可能需要检查是否需要对下拉框或复选框字段进行调整。

然后我使用与以前相同的代码段隐藏提交按钮:

最后,我在上一个例子中添加了一些格式化内容:

第二个选项的结果如下:

再次,以下是完整的CSS片段供您复制:

分享给小伙伴们:

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表