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

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

9、当表单规模开始变大时,把元素组合起来会很有帮助。可以用

和CSS完成组合,不过XHTML也提供了一个元素用来组合普通元素,它和搭配工作。元素包围了一组输入元素,为每个组合提供一个标签。(XHTML允许使用元素组合表单元素)

10、标签(元素以一种很简单的方式给表单元素附加标签)

以上我们是用简单文本(simple text)标注了表单,不过,XHTML也提供了一个元素(它们在可读性上有很大的区别)。这个元素提供了一长串的网页结构信息,允许你更容易地使用CSS来样式你的标签,还可以帮助视力受损者用屏幕读取器修正信息。要使用元素,首先应该在表单元素中加入id属性,然后添加一个并设置一个与id相一致的for属性。(你可以对任何的表单元素使用元素)
11、口令:

12、文件输入

如果你需要将整个文件发送给Web应用程序,你要使用元素,只不过把它的type设置为“file”。设置完毕后,元素会创建一个控件,控件允许选择文件,而且当表单被提交,文件内容连同余下的表单元素一起发送给服务器。注意,你必须使用POST方式提交表单。eg:

13、多选属性

在元素中添加一个值为“multiple”的multiple属性,就可把单菜单变为多菜单。你可获得一个可替代下拉菜单的多选菜单,这个菜单在屏幕上显示出所有的选项(如果选项太多,就会出现一个滚动条)。你可以按下ctrl(window)或者command(Mac)来选择多个选项。

相关文章
|
1天前
|
前端开发 Java
前端面试题01(css)
前端面试题01聚焦CSS,涵盖选择器优先级、隐藏元素方法、px与rem差异、重绘与重排解释、元素居中技巧及可继承属性。还探讨了CSS预处理器SASS和LESS的特性。文章提供实例代码展示居中布局的多种实现方式。鼓励读者点赞和支持。
5 0
尚硅谷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 前端开发
JavaScript-jQuery的使用 + JS的案例
JavaScript-jQuery的使用 + JS的案例
10 0
|
3天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
5 1
|
6天前
|
前端开发
前端 CSS 经典:SVG 描边动画
前端 CSS 经典:SVG 描边动画
12 0
|
6天前
|
前端开发
前端 CSS 经典:好看的文字阴影
前端 CSS 经典:好看的文字阴影
9 0
|
6天前
|
前端开发
前端 CSS 经典:模特换装效果
前端 CSS 经典:模特换装效果
19 0