首页 > 技术文章 > vue基础,收集表单数据

fsg6 2020-11-30 11:17 原文

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="root">
    <!-- //收集value值 -->
    <form action="">
      用户名:<input type="text" placeholder="请输入用户名" v-model="userInfo.username">
      密码:<input type="password" placeholder="请输入用户名" v-model="userInfo.password">
      <br>
      <!-- //单选框, -->
      性别:
      <input type="radio" name="sex" value="male" v-model="userInfo.gender"><input type="radio" name="sex" value="female" v-model="userInfo.gender"><br>

      <!-- 多选框 -->
      爱好:
      

推荐阅读