Web前端-html/表单
zccst
这个作者很懒,什么都没留下…
展开
-
表单与ajax一并使用
表单与ajax一并使用一、表单需要注意的地方。form表单 修改:为结果:在提交表单的同时,可以ajax提交。否则会导致ajax被表单覆盖,不能正确返回的后果。二、ajax需要注意的地方通过 $("#myform").submit();可以直接提交表单。...原创 2011-04-22 13:35:56 · 146 阅读 · 0 评论 -
挖掘input type=file的新知识
作者:zccst文件上传,这个问题始终一知半解,今天又近真相一步。二、formData(只支持FF)一、FileList(所有浏览器都支持)原来file还有一个FileList对象,类似NodeList,里面放着文件列表。根据MDN描述:一个FileList对象通常来自于一个HTML input元素的files属性,你可以通过这个对象访问到用户所...原创 2014-11-13 18:23:30 · 124 阅读 · 0 评论 -
div+css布局总结
作者:zccst[b][size=large]3,position布局[/size][/b]#wrap { position:relative; }//相当于父元素的左上角进行定位#left { position:absolute; top:0px; left:0px; width:120px; }#middle {margin:20px 190px 20px 190p...原创 2014-09-04 10:48:57 · 107 阅读 · 0 评论 -
文件上传的两种情况及mock时对应处理办法
作者:zccst1,给文件一个独立的url,要求文件上传至该地址这种情况下,需要一个上传组件,比如异步上传组件,ajaxfileupload.js2,没有给文件一个独立的url,而是跟其他字段一起上传[b]解决方案一:直接是一个form表单[/b][code="html"] [/code](1)由...原创 2014-09-02 19:46:44 · 3617 阅读 · 0 评论 -
[html5]localStorage代替Cookie? HTML5本地存储安全性
zccst转载HTML5本地存储的前身就是Cookie,HTML5的本地存储是使用localStorage对象将WEB数据持久化在本地。相比较而言HTML5本地存储中每个域的存储大小默认是5M,比起Cookie的4K要大的多。而且存储和读取数据的代码极为简练:Window.localStorage.setItem(key,value);//存储数据Window.localSto...原创 2015-03-20 17:53:47 · 703 阅读 · 0 评论 -
[移动端]专用的meta
作者:zccst这个用的最多,width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区,即缩...原创 2015-03-04 15:31:07 · 160 阅读 · 0 评论 -
[html5]触摸事件(touchstart、touchmove和touchend)
作者:zccst参考文章:[url]http://www.css119.com/archives/1629[/url]HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmo...原创 2015-02-13 20:28:06 · 1168 阅读 · 0 评论 -
meta name=viewport含义
作者:zccstviewport中文意思是视口。跟分辨率无关,而是一种相当于1024x768的定义。比如iPhone的分辨率虽然很高,达到960,甚至1000多,但实际上视口宽度也就是320-360.完整的写法其中,name等于viewport,content等于一长串内容:width:控制 viewport 的大小,可以指定的一个值,如果 ...原创 2015-02-12 16:29:51 · 672 阅读 · 0 评论 -
doctype和compatModel相关
作者:zccst[size=large]一、doctype[/size][b]1,严格模式与混杂模式的区分?如何触发这两种模式? [/b]在 HTML 4.01 和 XHTML 中分别有三种 声明。在 HTML5 中只有一种。1.过渡的(Transitional):要求非常宽松混杂模式:浏览器对XHTML的解析较为宽松。允许使用4.01中的标签,但必须符合XH...原创 2015-01-04 19:30:04 · 129 阅读 · 0 评论 -
attr与prop的区别
作者:zccstjQuery在1.6.1中对两者做了区别。但仍兼容旧版本。详见:[url]http://blog.sina.com.cn/s/blog_655388ed01017cnc.html[/url]五. 特性(properties)和属性(attributes)有何区别? DOM对象大部分的property都有对应的attribute,名字也基本一样(也...原创 2014-07-09 18:20:19 · 105 阅读 · 0 评论 -
HTML <label> 标签的 for 属性
作者:zccstfor 属性规定 label 与哪个表单元素绑定。 Male Female 隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。例如,在 XHTML 中:显式的联系:Soc...原创 2014-07-04 17:14:25 · 262 阅读 · 0 评论 -
设置frameset的高度
zccst转载原文:这是使用frameset做的,在宽屏下开发一直没有发现什么问题,直到一个用户使用800*600的机子测试的时候,才发现整个界面都被变形了。 那时整个frameset页面只有600像素高度,frameset嵌套的frame出现了滚动条,实在难看。怎么把frameset的高度设置高点,让其嵌套的frame页面没有滚动条,而让frameset有滚动条呢...原创 2014-01-26 13:22:53 · 570 阅读 · 0 评论 -
天气接口API
把下面代码粘贴到自己的页面里,就能显示天气了。原创 2012-02-02 17:32:49 · 73 阅读 · 0 评论 -
form表单深入理解
作者:zccstform表单[b]一、表单基础[/b]作用:用来向服务器端提交数据。将form表单里的所有内容一起提交到服务器端。特点:1,一个form表单应该只有一个submit的按钮。2,上传多个文件如果分开上传应该使用多个表单;如果一起上传,则使用一个表单。3,如果一个页面中有多个表单,则提交时,不同表单内的空间可以同名。[b]二、...原创 2011-11-23 20:12:22 · 176 阅读 · 0 评论 -
表单之input file的使用特点及在php.ini中的相关参数设置
1,控件 的原定上传文件大小为4M默认上传的大小很小,好象只有10M左右,具体的我忘记了。需要到Web.Config中修改注:经查实应该是4M。2,php环境下上传文件大小设置经与牛人交流。好像跟控件本身没关系,而是跟配置环境有关系。php的配置文件中有关文件上传的参数PHP文件上传功能配置主要涉及php.ini配置文件中的upload_tmp_dir、upl...原创 2011-11-23 20:08:42 · 168 阅读 · 0 评论 -
文件编码
今天第一次留意文件的编码格式。改变方式:另存为时,可选择ansi,utf-8等等还需要注意是文件的编码格式应该和页面内的编码类型相同。即,...原创 2011-07-04 18:35:16 · 78 阅读 · 0 评论 -
html5新知识点
作者:zccst新技术[url]http://timelineapp.pointstone.org/coreball/game.html[/url]2015-3-20[b]2,BOM[/b](1)navigator对象新增属性navigator.online 属性 检测用户是否在线参考:[url]http://zccst.iteye.com/b...原创 2011-05-12 22:53:02 · 121 阅读 · 0 评论 -
HTML 和 XHTML 区别
这篇文章主要阐述 HTML 和 XHTML 的区别。简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求,XHTML 语法上要求更严谨些。以下是 XHTML 相对 HTML 的几大区别: XHTML 要求正确嵌套 XHTML 所有元素必须关闭 XHTML 区分大小写 XHTML 属性值要用双引号 XHTML ...原创 2011-05-12 22:24:54 · 131 阅读 · 0 评论 -
【转义字符】HTML 字符实体 < >: &等
作者:zccst2014-12-10又一次因为转义字符而栽坑里了。产品详情productDetail.js在页面显示时,使用了转义函数escapleHTML在errors对象里通过页面中的字符作为key,取errors[i][key]的值时,要先对key做反转义,然后才能取出来。[code="js"]var $tr = $(trs[i]), key...原创 2014-11-18 18:56:13 · 1209 阅读 · 0 评论