有关移动端表单输入与提交的二三事

1. input聚焦导致页面缩放

老生常谈的问题,这里只做一个备注:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

2. iOS 自动填充密码

如果你的form表单符合iOS的预期,那么会触发自动填充,如果你在表单处做了自定义事件那么可要当心了。

  1. iOS自动填充无视表单submit事件

那么我们就需要为其补上原生的method和action,来完成其跳转

请注意,这里提交的为“application/x-www-form-urlencoded”,需要在请求处理时注意,一个比较简单的方法:Object.fromEntries(new URLSearchParams(searchStr).entries());

3. POST重定向后到达的页面仍然是POST请求

请查询 MDN 重定向 使用3xx状态码需要保持方法一致,只有303是个例外,会转为GET请求。

有关移动端表单输入与提交的二三事
本文作者
spark1e
发布于
2021-07-14
许可协议
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!
评论区 - Powered by Giscus