表单制作怎么设置付款

1、在网页的表单中，你将图标置于何处呢？起初，我们尝试把这些图标放置在卡号这一栏上面。烂瘀佐栾这个位置减少了表单的高度，但是图标芬简砝鬃看起来小且拥挤。另一个选择时将卡片的图标放在卡号的输入框中，而这样做又使得卡片占据了输入框过多的空间。我们后来决定将信用卡图标放置在表单的最上面。

2、这些图标可以在视觉上被用户直接看到。用户不需要一一搜索来确定支持怎样的卡片，同时，这些图标还能及时的引起用户的注意，传递了这样的信息——“这就是你要进行支付的地方”。

3、对于网页表单而言，我们知道，越多的输入导致越低的完成率和更高的拒绝率。为了减少输入项目的数量，我们将支付金额以只读方式展现，点击编辑按钮可以进行修改，而不是直接默认展示输入文本框。

4、在编辑模式下，我们考虑需要有一个“保存”或“完成”按钮，点击之后将会使输入框回到只读状态。但是我们后来发觉这样并没有必要，因为金额已经在输入框中可见。此外，如果用户希望在此编辑金额，他们可能只需要简单的更改输入金额即可，不需要处理任何Edit/Done按钮。

5、我们还想要在用户准备提交表单之前确认金额。一个确认可以消除用户对他们信用卡即将支付多少金额的顾虑。我们在“Pay”按钮中展示了需要支付的金额。这个数量随着“支付金额”输入框的变更同步更新。