Form表单提交----1

<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>登陆</title>
</head>

<body>
<a href="project01.cgi?username=zq">点我传数据</a>
<form action ="project01.cgi">
    <input type="hidden" name="model" value="user" />
    <input type="hidden" name="fun"   value="login" />
用户名:
<input type ="text" name="username" placehodler ="请输入用户名"/> <br/>
密码:
<input type ="password" name="pwd"placehodler ="请输入密码"/> <br/>
<input name="sex"type="radio"value="1">男
<input name="sex"type="radio"value="2">女<br/>
描述:
<textarea name="desc" co1s="50" rows="30"></textarea> <br/>
民族:
<select name='quyu'
  <option value='linyi'>临沂</option>
  <option value='fangdao'>北京</option>
  <option value='7214978'>河南</option>
</select>
<input type ="submit" name="login" value="登录"/>
</form>
</body>
</htm1>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-form是Vue.js中的一个组件,用于收集用户输入的数据并提交到后台。在这个例子中,el-form被用于提交数据。具体的步骤如下: 1. 首先,通过let formData=new FormData()创建一个FormData对象,用于存储数据。 2. 接着,在methods中的showData方法中,将中的各个字段的值添加到formData对象中,使用formData.append()方法。 3. 然后,调用add(formData)方法将formData对象作为参数传递给add函数,该函数将数据提交到后台[1]。 4. 最后,根据后台返回的数据进行相应的处理。如果返回的数据的code为"0000",则关闭对话框(this.dialogApp=false),否则显示错误信息(Message.error(res.data.message))。 总结来说,el-form通过创建一个FormData对象,并将数据添加到该对象中,然后通过调用add方法将数据提交到后台。完成提交操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [vue使用element-ui组件,通过el-form进行提交](https://blog.csdn.net/jgp1234/article/details/120474380)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [vue 添加和编辑用同一个,el-form提交后清空数据操作](https://download.csdn.net/download/weixin_38502722/12924507)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值