form表单序列化详解（图文教程）

form的序列化，即将表单中的键值序列化为可提交的字符串

表单

 <form id="target">
  <select name="age">
   <option value="age1">20</option>
   <option value="age2" selected>21</option>
  </select>
  <input name="name" value="Cynthia">
  <label>passsword</label>
  <input type="password" name="password" value="123456">
  <input type="hidden" name="salery" value="3333">
  <textarea name="description" cols="15" rows="5">description</textarea>
  <input type="checkbox" name="hobby" value="football" checked> Football
  <input type="checkbox" name="hobby" value="basketball"> Basketball
  <input type="radio" name="sex" value="Female" checked> Female
  <input type="radio" name="sex" value="Male"> Male
 </form>

方法一

结果：

方法二

结果：

方法三

结果：

以上就是本文的全部内容啦，希望对大家有所帮助~

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

nodejs+express实现文件上传案例详解

webpack.config.js参数使用案例

p5.js如何进行图片加载

以上就是form表单序列化详解（图文教程）的详细内容，更多请关注Gxl网其它相关文章！