HTML表单（来自MDN的总结）

表单介绍 HTML表单是用户和web站点或应用程序之间交互的主要内容之一.它们允许用户将数据发送到web站点.大多数情况下,数据被发送到web服务器,但是web页面也可以拦截它自己并使用它. HTML表单是由一个或多个小部件组成的.这些小部件可以是文本字段(单行或多行).选择框.按钮.复选框或单选按钮.大多数情况下,这些小部件与描述其目的的标签配对--正确实现的标签能够清楚地指示视力正常的用户和盲人用户输入表单输入的内容. HTML表单和常规HTML文档的主要区别在于,大多数情况下,表单收集的数…

表单多文件上传样式美化 && 支持选中文件后删除相关项

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传文章篇幅较长,先简单看看图示: 目录文件上传基础单文件上传多文件上传表单文件上传的美化选中文件后的删除界面的处理脚本的处理 FileList F…

form表单那点事儿(下) 进阶篇

form表单那点事儿(下) 进阶篇上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form. 目录: 表单操作取值赋值重置校验提交技巧不提交空字段异步提交文件表单操作取值用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: <form id='form0'></form> <form action="/login" method="post" ta…

form表单那点事儿(上) 基础篇

form表单那点事儿(上) 基础篇做为html中最为常见,应用最广泛的标签之一,form常伴随前端左右.了解更深,用的更顺. 目录: 表单属性表单元素常识模拟外观表单属性这个表单展示了form表单常用的属性属性名属性值描述 action 一个url地址指定表单提交到的地址 method `GET` , `POST` 表单将以此种方法提交到服务器 target `_self` 当前页面 `_blank` 每次在新窗口打开 `blank` 每次在同一个新窗口打开 `_parent…

关于form与表单操作

form表单自动提交规则 form表单中只有一个type=text的input,在input中按enter键,会自动提交: form表单中有多个type=text的input,且无type=submit的按钮元素,则在input中按enter键,不会自动提交 form表单中有type=submit的按钮元素,点击按钮元素或者在input中按enter键,会自动提交 form表单中有type=button的按钮元素且有多个input元素,点击按钮元素或者在input中按enter键,不会自动提交…

web安全：防止浏览器记住或自动填写用户名和密码(表单)的终极解决方案

最近项目上要求做到这一点,在网上搜了一圈,发现都是不完美的,不兼容全部的浏览器,于是只能自己摸索了,最终得出了终极解决方案: 涉及: disabled 或 readonly display:none; 隐藏用,隐藏后不占位置 visibility:hidden; 隐藏用,隐藏后占原来的位置 position:absolute;z-index:-1; 隐藏用,隐藏与否取决于z-index相对的值,这里的-1是我自己用的 autocomplete:"off"; 网上说,这个属性…

Form表单的主要Content-Type

在Spa单页面横行的时代,前后端交互基本都是Json交互(也有通过FormData的,比如上传文件).而在之前的Jsp,Php前后不分家的时候,前后交互好大一部分都是通过Form表单来完成的.From标签个属性叫 enctype,这属性指定了Form的Content-Type,可取的只有application/x-www-form-urlencoded, multipart/form-data, text/plain. 而Content-Type包含3个部分: media-type: 资源或数据…

“此网页上的某个 Web 部件或 Web 表单控件无法显示或导入。找不到该类型，或该类型未注册为安全类型。”

自从vs装了Resharper,看见提示总是手贱的想去改掉它.于是乎手一抖,把一个可视web部件的命名空间给改了. 喏,从LibrarySharePoint.WebPart.LibraryAddEditFolder改为:LibrarySharePoint.WebPartOne.LibraryAddEditFolder 作为老司机,我知道我干了什么,直接用SPD打开目标页面,修正如下: <%@ Register tagprefix="LibraryAddEditFolder" n…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-工作流设计-表单布局

系列目录前言:这一节比较有趣.基本纯UI,但是不是很复杂有了实现表单的打印和更加符合流程表单方式,我们必须自定义布局来适合业务场景打印!我们想要什么效果?看下图 (我们没有布局之前的表单和设置布局后的表单) 改变后的布局本节知识点: easyui draggable 与 resizable 的结合使用(拖动与设置大小) 在Form添加Action Action提取来自48节的Create代码.改下名称 [SupportFilter(ActionName = "Edit")] pu…

实现跨浏览器html5表单验证

div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: right; clear: right; } .clearfix:after{ content: ""; display:block; clear: both; } .figcaption{ clear: both; color: #999; padding-top: 10px; text…

来玩Play框架04 表单

作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 表单(form)是最常见的从客户往服务器传递数据的方式.Play框架提供了一些工具.它们可以从表单中提取数据,验证提交数据的合法性,或者在视图中显示表单.我先来介绍最简单的使用表单提交数据的方式. 增加表单我可以用纯粹html的方式产生一个表单.在app/views下增加模板form.scala.html: <!DOCTYPE html> <html> <b…

JSP复习整理（一）表单

好久没更了,一周完成了SRDP,一周完成了课程设计,这一周就要好好回顾回顾Java Web的学习轨迹了. 用的eclipse Mars 一.表单 start.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4…

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val…

PHP表单与验证

一．Header()函数标头 (header) 是服务器以 HTTP 协议传 HTML 资料到浏览器前所送出的字符串,在标头与 HTML 文件之间尚需空一行分隔. /*一．Header()函数 */ 1 重现导向一个URL 可以跳转到你想要的页面在执行header();之前不能有任何浏览器输出 header('Location:demo2.php'); header('Location:http://www.baidu.com'); 2 用于设置字符编码 header('Content-Ty…

jQuery学习之：Validation表单验证插件

http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每个人都能够有所掌握,慢慢会用.于是,自己便开始学习…… 由于Struts2自己早就学过,因而不需要花多少时间.而AJAX之前没怎么用过.现在AJAX框架如此之多,选择哪一个呢?开始打算选择 dojo,但是看了一点后,发现蛮复杂的.在之前有学过一点点jQuery,而网上也说jQuery很强大而且很容易…

HTLM5表单

1.HTML5占位符文本使用placeholder可以给文本框,搜索框添加提示性文本 <input type="text" name="url" placeholder="输入地址" /> 2.自动聚焦当页面加载完成时让输入焦点自动落到某个元素上:这个动作用autofocus属性完成.  <input autofocus="autofocus&…

使用 PHP 过滤器（Filter）进行严格表单验证

PHP 过滤器(Filter)用于验证和过滤来自非安全来源的数据,比如用户的输入,使用过滤器扩展可以使数据过滤更轻松快捷.要求的 PHP 版本是 PHP 5 >= 5.2.0,PHP 7 和 Filter 有关的函数包括 filter_has_var— 检测接收指定类型的变量是否存在,例如通过post传递的username变量是否存在 filter_id — 返回与某个特定名称的过滤器相关联的id filter_input_array — 获取一系列外部变量,并且可以通过过滤器处理它们 filt…

node.js表单——formidable/////z

node.js表单--formidable node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装package的路径分为两种,一种是本地目录,一种是全局目录. npm install xxx -g 命令将模块下载安装到全局目录中. 全局目录可以通过 npm config set prefix "目录路径" 来设置. 通过 npm config get prefix 来获取当前设置的目录. n…

django表单

一.主要内容 1.服务端获取HttpRequest信息 1)url相关信息 2)HttpRequest.META中包含的键值对 3)HttpRequest中用户提交的信息 4)HttpRequest.GET:来自于<form>标签提交,或url查询字符串一般只是从服务端获取信息 HttpRequest.POST:来自于<form>标签提交 …

HTML 表单和输入<form><input>

HTML <form> 标签定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素. 表单用于向服务器传输数据. 提示和注释注释:form 元素是块级元素,其前后会产生折行. 属性: 1. accept-charset 属性语法:<form accept-charse…

浏览器下载/导出文件及jQuery表单提交

1 比如以下按钮, 用于导出文件,如EXCEL文件. <li> <button class="whiteBg btn2" onclick="doExp(1);return false; "> <i class="fa fa-save (alias) m-r-xs" ></i>导出所有工单 </button> </li> <li> <button cla…

(转载)SPRINGMVC表单标签简介

SpringMVC表单标签简介在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: Jsp代码 <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" …

应用Css美化表单

原来的效果美化之后的效果实现代码 <style> .container { margin:0auto; width:620px; } fieldset { padding:18px; background-color:#c7fff5; } fieldset legend { font-size: larger; border:1px darkgray solid; padding:10px; background-color: white; } input[type="tex…

node.js表单——formidable

node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装package的路径分为两种,一种是本地目录,一种是全局目录. npm install xxx -g 命令将模块下载安装到全局目录中. 全局目录可以通过 npm config set prefix "目录路径" 来设置. 通过 npm config get prefix 来获取当前设置的目录. npm install xxx ,则是将模块下载到…

解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象

之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题. 前台: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/htm…

JS中级 - 02：表单、表格

getElementsByTagName() getElementsByTagName() 方法可返回带有指定标签名的对象的集合. getElementsByClassName() 返回文档中所有指定类名的元素集合,作为 NodeList 对象. 自定义 getElementsByClassName 方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

SpringMVC表单标签简介

在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %> 1.1 form标签使用S…

HTML之表单元素

A.表单元素都是放在<form></form>标签内的.来看看表单的属性属性值描述 accept MIME_type 规定通过文件上传来提交的文件的类型 accept-charset charset 服务器处理表单数据所接受的字符集 enctype MIME_type 规定表单数据在发送到服务器之前应该如何编码 method get/post 规定表单数据发送的方式,get方法和post方法 name name 规定表单的名称 target _blank/_parent/…

HTML5表单元素的学习

本文内容认识表单基本元素的使用表单高级元素的使用现学现卖--创建用户反馈表单 ★ 认识表单表单主要用于手机网页上浏览者的相关信息.其标签为<form></form>.表单的基本语法格式如下: <form action="url" method="get | post" enctype="mime&quo…

Activiti系列：如何添加自定义表单引擎

这个功能挺有意思的,有了它,就可以不适用html的方式来展示表单了,比如可以用swing对象了 class MyFormEngine implements FormEngine { @override public String getName() { return "myformengine";} @override public Object renderStartForm(StartFormData startForm) …

【HTML表单（来自MDN的总结）】的更多相关文章