JavaWeb
博客地址:http://blog.csdn.net/heyiaiqing/article/details/73866383
1. 表單標(biāo)簽
<form action = "#" method = "get/post"></form>
form標(biāo)簽屬性
- action:整個(gè)表單提交的位置(可以是一個(gè)頁面,也可以是Java代碼)
- method:表單提交的方式(get/post/delete...等7種方式)
2. 文本輸入框
<input type="text" name="" size="" maxlenght="" readonly="" placehoder=""/>
文本輸入框的屬性
- name:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
- size:輸入框的寬度
- maxlenght:指定輸入內(nèi)容的長度
- readonly:設(shè)置為只讀
- placehoder:輸入內(nèi)容的提示內(nèi)容
3. 密碼輸入框
<input type="password" name="" />
密碼輸入框的屬性
- name:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
4. 單選按鈕
<input type="radio" name="" value="" checked=""/>
單選按鈕的屬性
- name:分組用的
- value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
- checked:默認(rèn)選中屬性
5. 多選按鈕
<input type= ”checkbox” name=”” value=”” checked=”” /> ”
多選按鈕的屬性
- name:分組用的
- value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
- checked:默認(rèn)選中屬性
6. 下拉列表
<select name="">
<option value="" selected="">北京</option>
<option>上海</option>
</select>
下拉列表的屬性
- name:分組
- value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
- selected:默認(rèn)選中
7. 文件上傳項(xiàng)
<input type="file" name="">
8. 文本輸入域
<textarea name="" ></textarea>
9. 提交按鈕
<input type="submit" value="">
提交按鈕屬性
- type="submit":具備將整個(gè)表單提交到服務(wù)器的功能
- 修改按鈕上的內(nèi)容
10. 提交按鈕
<input type="button" value="">
11. 重置按鈕
<input type="reset" value="">
12. 隱藏項(xiàng)
<!-- 用于隱藏一些用戶比較敏感的信息 -->
<input type="hidden" value="">
13. 面試題
get與post提交方式的區(qū)別?(默認(rèn)采用的是get)
get提交方式,所有的內(nèi)容顯示在地址欄,不夠安全,長度有限制(1-2k)。
post提交方式,所有的內(nèi)容不會(huì)顯示在地址欄,比較安全,長度沒有限制。
14. div
div是一個(gè)html標(biāo)簽,一個(gè)塊級(jí)元素(單獨(dú)顯示一行)。它單獨(dú)使用沒有任何意義,必須結(jié)合CSS來使用,主要用于頁面布局。
span是一個(gè)html標(biāo)簽,一個(gè)內(nèi)聯(lián)元素(顯示一行)單獨(dú)使用沒有任何意義,必須結(jié)合CSS來使用,主要用于對括起來的內(nèi)容進(jìn)行修飾。
15. CSS
CSS概述
- CSS指層疊樣式表
- 樣式定義如何顯示HTML元素
- 樣式通常存儲(chǔ)在樣式表中
- 把樣式添加到HTML4.0中是為了解決內(nèi)容與表現(xiàn)分離問題
- 外部樣式表可以極大的提高工作效率
- 外部樣式表通常存儲(chǔ)在CSS文件中
- 多個(gè)樣式表可以層疊
16. CSS的三種引入方式
第一種:行內(nèi)引入
<div style="color: red; font-size: 100px;">JavaEE</div>
第二種:內(nèi)部引入
<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. 三種引入方式的優(yōu)先級(jí)問題
優(yōu)先級(jí) 問題 :
誰離需要修飾的元素近,誰樣式生效,其它的被覆蓋掉。(就近原則)
18. CSS選擇器
CSS選擇器有三種(元素選擇器、類選擇器、id選擇器)
元素選擇器
元素名{
屬性名:屬性值;
}
Id選擇器
元素選擇器
#id屬性名{
屬性名:屬性值;
}
類選擇器
元素選擇器
.類選擇器{
屬性名:屬性值;
}
對多個(gè)元素設(shè)置相同的樣式,此時(shí)使用類選擇器比較合適。
19. CSS的浮動(dòng)
浮動(dòng)這個(gè)問題比較重要,有很多方式實(shí)現(xiàn)。
然后需要定義一個(gè)div實(shí)現(xiàn)這個(gè)類
#three{
clear: both;
}
20. CSS中如何讓塊元素成為內(nèi)聯(lián)元素
display: inline-block;
21. 讓div居中
margin: 0 auto;
22. 塊元素內(nèi)容居中
text-align: center;
總結(jié)
這里只列了一些內(nèi)容,后面會(huì)慢慢的補(bǔ)充內(nèi)容進(jìn)來,但是對JavaEE來說也夠用了。