web前端技能方法总结(css、js、jquery、html)(28)

简介: web前端技能方法总结(css、js、jquery、html)

1、表单基本上就是带有一块输入信息区域的网页。当提交表单时,表单中的信息被打成一个数据包发送给Web服务器,Web服务器接收来自表单的数据包后,传给Web应用程序做处理。Web应用程序处理表单中的数据,然后创建一个空白的新XHTML网页,作为响应传送回去。浏览器接收响应并在屏幕中显示出来。

(通过单击“提交”(submit)按钮控件,来提交表单。单击按钮控件就是提示浏览器打包所有的数据,并且发送到服务器)

2、你可以将任意的块元素放入表单中。

3、对于文本和,浏览器都限制了你可以输入的文本字数。不过,通常限制的字数比你要输入的字数要多。如果你需要限制用户输入到文本的字数,可以使用maxlength属性设置其值为一个特定的数字。例如maxlength=“100”限制用户最多能输入100个字符。不过,对于,XHTML中没有限制用户输入字数的方法。在大多数浏览器中,文本域的缺省宽度是20个字符。

4、当浏览器将表单数据发送给服务器时,浏览器将所有复选框的值合并为一个值连同复选框的名字一起发送。比如,一个有“salt”、“pepper”、“garlic”选项的“spice”复选框,全部选中后,浏览器就会发送“spice=salt&pepper&garlic”给服务器。

5、是内联元素。因此,你只能将块元素直接嵌入表单,并且如果要在之间添加换行的话,就得插入一个
.

6、POST&GET

如果你希望用户能够标记网页,也就是提交表单后的结果,那么久使用get,因为如果网页用post方式的结果返回,就不能标记网页了。另一方面,如果你是处理订单的Web应用程序,那么你不希望你的用户表舅这个网页(否则用户每次返回所标记的页面,订单会被再次提交)。当表单中的数据是私人数据时,绝不能用get方式。最后,如果你使用的是,你应该用POST,因为你可能会发送大量的数据。get请求方式限制只能使用256个字符,而post在发送的数据大小上没有限制。

7、用CSS布局表单时非常困难的,所以很多时候用表格布局表单。将表单放入表格中,然后用CSS样式化表单和表格。(可以对

相关文章
|
5天前
|
缓存 前端开发 JavaScript
使用Web前端性能优化提高网站加载效率
前端性能优化关键在于提高用户体验和降低资源消耗,Webpack是重要工具。基础优化策略包括减少HTTP请求、资源压缩与缓存、异步加载。Webpack优化配置涉及Tree Shaking、代码分割。高级策略涵盖Long-term Caching、缓存提升和插件优化。打包部署时,自动化流程和环境管理也至关重要。通过这些方法,可提升Web应用速度和体验。
65 0
|
1天前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
8 1
|
1天前
|
JavaScript 前端开发
前端面试02(JS)
本文是前端面试系列的第二篇,主要涵盖了JavaScript的基础知识,包括JS的组成(ECMAScript、DOM、BOM)、内置对象(如String、Array、Math、Date等)、数组操作方法、数据类型检测方法(typeof、instanceof、constructor、Object.prototype.toString.call)、闭包的概念及其特点、前端内存泄漏的原因和类型、事件委托的优势、基本数据类型与引用数据类型的差异、原型链的工作原理以及JS实现继承的多种方式(原型链、构造函数、组合继承等)。文章结尾鼓励读者点赞和支持作者。
7 1
尚硅谷html5+css3(4)浮动
尚硅谷html5+css3(4)浮动
|
2天前
|
前端开发
尚硅谷html5+css3(3)布局
尚硅谷html5+css3(3)布局
|
2天前
|
缓存 前端开发 JavaScript
尚硅谷html5+css3(2)CSS5基本知识
尚硅谷html5+css3(2)CSS5基本知识
|
2天前
|
移动开发 搜索推荐 HTML5
尚硅谷html5+css3(1)html相关知识
尚硅谷html5+css3(1)html相关知识
|
2天前
|
JavaScript 前端开发 NoSQL
构建基于Node.js的全栈应用:从前端到后端的完整指南
【5月更文挑战第24天】本文是关于使用Node.js构建全栈应用的指南,涵盖前端(React或Vue)、后端(Node.js + Express)和数据库(MongoDB)的选型与实现。文章介绍了项目结构、前端组件化开发、后端API接口编写、前后端联调及部署上线的注意事项,帮助读者掌握全栈开发流程。
|
3天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
5 1
|
4天前
|
移动开发 JavaScript 前端开发
【热门话题】Vue.js:现代前端开发的轻量级框架之旅
Vue.js,由尤雨溪于2014年创建,是一个轻量级的前端框架,因其简洁API、高效渲染和组件系统深受全球开发者喜爱。本文探讨Vue的核心理念、技术架构、开发实践及在现代Web开发中的应用。Vue遵循渐进式框架思想,提供声明式编程、组件化和响应式数据绑定。技术上,它采用双向数据绑定、虚拟DOM和生命周期钩子。开发实践中,Vue CLI和Vuex、Vue Router分别加速开发和管理状态、路由。Vue不仅适用于单页应用,还支持多页应用、移动开发和跨平台项目,拥有丰富的社区生态和插件。随着Vue 3的推出,Vue将持续创新并影响前端开发领域。
26 0