Web开发中表单的处理（1）|睿峰web前端技术干货

您当前位置：首页 > 睿峰资讯 > web前端 > Web开发中表单的处理（1）|睿峰web前端技术干货...

Web开发中表单的处理（1）|睿峰web前端技术干货

时间：2017-08-03 16:40:57 来源：未知作者：睿峰

一、表单既重要又复杂
表单是Web应用中最重要的部份，因为大多数“富数据”都是通过表单从用户那里获得的。

表单之所复杂，有如下原因：

   1.表单输入需要在页面和服务器同时修改这份数据
   2.修改的内容需要在页面的其它地方反映出来
   3.用户的输入可能存在很多问题，所以需要验证输入的内容
   4.用户界面需要清晰地显示出可能出现的预期结果和错误信息
   5.字段之间的依赖可能存在复杂的业务逻辑
   6.希望不依赖DOM选择器就能轻松测试表单

二、处理表单的不同方式

当表单被提交（通过浏览器或AJAX）时，某种程度上它必须被编码。如果不明确地指定
编码，则默认为application/x-wwwform-urlencoded

1、原生表单的处理
   注意：1、form标签中的属性的处理，form标签中必须包含下列两个属性
            action="/user/signin"
            method="POST"
         2、input 必须包含name属性且值不能为空
            name="loginname"
         3、提交按钮不伦用input还是button都必须放在form标签所包裹的区域内（初学者注意）

   实例：


         id="signinForm"
         class="form-horizontal"
         action="/user/signin"
         method="POST">

                      type="text"
                      placeholder="请输入登录名"
                      name="loginname"
                      id="loginname"
                      required>

Password :

                      type="password"
                      placeholder="请输入密码"
                      name="pwd"
                      id="pwd"
                      required>

                      value="登录"
                      onclick="validatorForm();"
                      id="btn-submit"
                      class="btn btn-default">


                      type="reset" value="取消" >

(未完待续)

学员专访

黄锟

iOS开发工程师

薪资：7000元/月