前端坑--表单篇

一、关闭火狐浏览器自动表单填写

<input autocomplete="off" />

火狐浏览器会根据历史填的表单自动完成填写如单选按钮、复选框等,而且会使代码中设置的 checked="checked" 这种默认选中失效,甚至有时连JS的修改也没有作用,这会给我们的开发带来诸多不便。所以一般有程序默认设定值的表单都建议加上 autocomplete="off"

二、关闭手机端输入框首字母大写

<input type="text" autocapitalize="off" placeholder="用户名-关闭首字母大写">

在 iOS 中,用户可以手动开启「首字母自动大写」功能,这样输入英文的时候,首字母便会自动大写。但是,有些时候并不希望一直是首字母大写的。比如用户名这个字 段,如果字段本身就是区分大小写的,首字母自动大写往往会给用户带来麻烦。可以通过在表单元素上可以通过设置autocapitalize="off"来 关闭。

时间: 2024-11-05 06:08:03

前端坑--表单篇的相关文章

知问前端——Ajax表单插件

传统的表单提交,需要多次跳转页面,极大的消耗资源也缺乏良好的用户体验.而这款form.js表单的Ajax提交插件将解决这个问题. 一.核心方法 官方网站:http://malsup.com/jquery/form/ form.js插件有两个核心方法:ajaxForm()和ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能. 若没有结合其他插件.js.jQuery里的submit()方法时,就用ajaxForm()提交表单. 若用js.jQuery里的submit()方

mongodb - 前端form表单数据传输,在保存和清除的数据格式的处理程序的 - 非递归

//处理时间段,将ISODate("2014-10-09T18: 37: 50.0Z") 兑换 2014-10-09 18:37:50这样的格式 //截至处理6层树形结构数据,当多维数组key,$product_date_col中的随意一个字符,那么就会被处理. public static function processMongoGetDate($product){ foreach($product as $k1=>$v1){ if(!is_array($v1)&&am

mongodb - 前端form表单传递数据,在保存和取出的数据格式处理函数 - 非递归

//处理时间部分,将ISODate("2014-10-09T18: 37: 50.0Z") 转换成 2014-10-09 18:37:50这种格式 //最多处理6层树形结构数据,当多维数组中的key,包含数组$product_date_col中的任意一个字符,那么就会被处理. public static function processMongoGetDate($product){ foreach($product as $k1=>$v1){ if(!is_array($v1)&

数据验证【web前端,表单】

数据验证 最近做后台比较多,路七八糟的数据验证,弄得不厌其烦.SO,弄了个表单验证的玩意出来,达到快速,简介,不烦人的验证. 下面看看,几种方式的数据验证,有什么不同.先有需要验证的数据: <form> <input type="text" name="name" /> <input type="text" name="password" /> <input type="nu

前端坑-前端编程规范

1.HTML基本元素.标签规范 闭合.自闭合.小写 参考:http://www.runoob.com/html/html-elements.html 2.HTML属性 小写,双引号(特殊情况可用单引号),顺序为: type(input标签) > name(input标签) > id > value(input标签) ... > class > style > onclick,onfoucus... 3.表单 使用 label 标签包装 单选.多选.下拉等元素,扩大用户点

PHP自动生成前端的表单框架

<?php /** * 为当前所在菜单项样式 * @param string $controller_name * @param string $action_name * @param string $style * @return string */ function activedLink($menu_item, $style) { if(isset($menu_item["checked"]) ) { return $style; } } /** * 得到gravatar

HTML5 webSQL动态查询前端数据库表

//HTML5 WEB SQL查询数据 $scope.queryCenterReimbursData = function(keyword,querycol){ var lencr="0"; //拼接sql var condition="";//拼过滤条件 var conditiontemp="";//临时过滤条件变量 var querycrsql="";//最后执行SQL var queryzxcols=new Array(

前端html表单与css样式

h2 { background-color: green } 1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: <from action="" method="post"> <p>姓名:<input type="text" name="names"> </p> <p>用户名:<i

文件上传之form表单篇

form表单上传文件 作为本系列的最后一篇,也是楼主知道的第三种文件上传的方式--隆重推出Form表单 这是最传统的上传文件,提交数据的方式 Html: 1 <form action="/home/receive" method="post" enctype="multipart/form-data"> 2 <input type="file" name="f1" id="f1&