分类 HTML 下的文章

form中好用却不常见的 accept-charset 属性


起步

我们曾用过不同的编码来做过页面UTF-8GB2312GBk,而很多时候,又和服务端的编码不一致,如果不进行特殊处理,就会出现乱码。我们可能无法控制接收方的编码问题,这时accept-charset就能提供很好的解决方案。

解决

假如服务端使用的utf-8的编码方式.

<form method="post" action="..." accept-charset="utf-8"> 
    <!-- code... --> 
</form>

剩下的工作交给浏览器搞定了。


网站添加支付宝捐款功能


起步

在浏览一些开源项目网站时看到有捐赠页面,也想自己的开源页面能不能也加个,毕竟为开源事业做贡献也是不容易。

zfb-btn-index.png

提交表单方式捐赠

看其他网页的前端代码,就能发现有个隐藏的表单。

<form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="post" target="_blank" accept-charset="gbk">
    <input name="optEmail" type="hidden" value="你的支付宝账户" />
    <input name="payAmount" type="hidden" value="10" />
    <input name="memo" type="hidden" value="留下您的联系方式" />
    <input name="pay" type="image" value="转账" src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" />
</form>

这种方式测了一下,需要再确认收款人的信息,并不方便,推荐用第二种方式