从页面提交表单数据的方法之(一)

本文探讨了在Web开发中常见的表单数据提交方法,尤其是原始的HTML提交方式。通过<form>标签的GET方法,数据会被自动附加到URL上,可能导致查询条件回显和页面刷新的问题。介绍了网页端的表单定义以及服务器端处理的基本概念。
摘要由CSDN通过智能技术生成

先说下开发中我使用的主要web利器:

  1. Bootstrap
  2. AdminLTE
  3. Jquery
  4. vue.js
  5. underscore.js

简介

利用表单给服务器提交数据是网站最常见的操作之一,主要用到的http请求也就是Get和Post两种方法。这两种方法都可以用来向服务器提交数据。这里我们已【查询】或者【搜索】操作为例扒一扒常用的提交表单数据的方法。

方法一:原始方法

说是最原始的方法是因为是用纯粹的html来提交数据,不涉及到js等内容。

1.网页端

看个最简单的栗子:

<form method="get">
     <input type="text" name="user" value="" />
     <input type="text" name="password" value="" />
        .... ......
    <button type="submit" value="提交"></button>
</form>

        定义好了表单的输入框,利用<form>元素的method属性指示用get方法提交本表单的数据;用<button>元素的type属性指示点击这个按钮来进行提交,value属性指示按钮button上的文本,自定义;用<input>元素的name属性用于服务器端获取对应的参数,值自定义。

        点击提

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值