JavaWeb
博客地址:http://blog.csdn.net/heyiaiqing/article/details/73866383
1. 表单标签
<form action = "#" method = "get/post"></form>
form标签属性
- action:整个表单提交的位置(可以是一个页面,也可以是Java代码)
- method:表单提交的方式(get/post/delete...等7种方式)
2. 文本输入框
<input type="text" name="" size="" maxlenght="" readonly="" placehoder=""/>
文本输入框的属性
- name:提交到服务器必须指定的属性,其值可以任意,最好见名知义
- size:输入框的宽度
- maxlenght:指定输入内容的长度
- readonly:设置为只读
- placehoder:输入内容的提示内容
3. 密码输入框
<input type="password" name="" />
密码输入框的属性
- name:提交到服务器必须指定的属性,其值可以任意,最好见名知义
4. 单选按钮
<input type="radio" name="" value="" checked=""/>
单选按钮的属性
- name:分组用的
- value:提交到服务器必须指定的属性,其值可以任意,最好见名知义
- checked:默认选中属性
5. 多选按钮
<input type= ”checkbox” name=”” value=”” checked=”” /> ”
多选按钮的属性
- name:分组用的
- value:提交到服务器必须指定的属性,其值可以任意,最好见名知义
- checked:默认选中属性
6. 下拉列表
<select name="">
<option value="" selected="">北京</option>
<option>上海</option>
</select>
下拉列表的属性
- name:分组
- value:提交到服务器必须指定的属性,其值可以任意,最好见名知义
- selected:默认选中
7. 文件上传项
<input type="file" name="">
8. 文本输入域
<textarea name="" ></textarea>
9. 提交按钮
<input type="submit" value="">
提交按钮属性
- type="submit":具备将整个表单提交到服务器的功能
- 修改按钮上的内容
10. 提交按钮
<input type="button" value="">
11. 重置按钮
<input type="reset" value="">
12. 隐藏项
<!-- 用于隐藏一些用户比较敏感的信息 -->
<input type="hidden" value="">
13. 面试题
get与post提交方式的区别?(默认采用的是get)
get提交方式,所有的内容显示在地址栏,不够安全,长度有限制(1-2k)。
post提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。
14. div
div是一个html标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用,主要用于页面布局。
span是一个html标签,一个内联元素(显示一行)单独使用没有任何意义,必须结合CSS来使用,主要用于对括起来的内容进行修饰。
15. CSS
CSS概述
- CSS指层叠样式表
- 样式定义如何显示HTML元素
- 样式通常存储在样式表中
- 把样式添加到HTML4.0中是为了解决内容与表现分离问题
- 外部样式表可以极大的提高工作效率
- 外部样式表通常存储在CSS文件中
- 多个样式表可以层叠
16. CSS的三种引入方式
第一种:行内引入
<div style="color: red; font-size: 100px;">JavaEE</div>
第二种:内部引入
<style type="text/css">
.box{
color:red;
font-size: 100px;
}
</style>
<div class="box">JavaEE</div>
第三种:外部引入
<link rel="stylesheet" type="text/css" herf="../css/style.css">
17. 三种引入方式的优先级问题
优先级 问题 :
谁离需要修饰的元素近,谁样式生效,其它的被覆盖掉。(就近原则)
18. CSS选择器
CSS选择器有三种(元素选择器、类选择器、id选择器)
元素选择器
元素名{
属性名:属性值;
}
Id选择器
元素选择器
#id属性名{
属性名:属性值;
}
类选择器
元素选择器
.类选择器{
属性名:属性值;
}
对多个元素设置相同的样式,此时使用类选择器比较合适。
19. CSS的浮动
浮动这个问题比较重要,有很多方式实现。
然后需要定义一个div实现这个类
#three{
clear: both;
}
20. CSS中如何让块元素成为内联元素
display: inline-block;
21. 让div居中
margin: 0 auto;
22. 块元素内容居中
text-align: center;
总结
这里只列了一些内容,后面会慢慢的补充内容进来,但是对JavaEE来说也够用了。