一、table的應用:
1、表格的常用屬性 基本屬性有:width(寬度)、height(高度)、border(邊框值)、cellspacing(表格的內寬,即表格與tr之間的間隔)、cellpadding(表格內元素的間隔, 即tr與tr之間的間隔)、bordercolorlight(表格的亮邊框顏色)、bordercolordark(表格的暗邊框顏色)、bgcolor(表格的背景色)、background(表格的 背景圖片)、bordercolor(表格邊框的顏色),這些都是最常用的屬性,相信大家都比較了解了,就不多說了......
2、表格內部分隔線的屬性 起作用的是rules這個參數,它有三個值(cols,rows,none),當rules=cols時,表格會隱藏橫向的分隔線,也就是我們只能看到表格的列;當rules=rows時,就隱 藏了縱向的分隔線,也就是我們只能看到表格的行;而當rules=none時,縱向分隔線和橫向分隔線將全部隱藏,我們就只能看到一個表格的外框了。
3、表格外部分隔線的屬性 表格外邊框的顯示與隱藏,是可以用frame參數來控制的。注意:只對表格的外邊框起作用,對內部邊、線不起作用 只顯示上邊框 <table frame=above> 只顯示下邊框 <table frame=below> 只顯示左、右邊框 <table frame=vsides> 只顯示上、下邊框 <table frame=hsides> 只顯示左邊框 <table frame=lhs> 只顯示右邊框 <table frame=rhs> 不顯示任何邊框 <table frame=void>
4、表格的其它一些特殊屬性
|
源代碼是這樣的: <table width="200" cellpadding="0" cellspacing="0" align="center"> |
二、在servlet中,彈出框彈出框JOptionPane的應用
1.1 showMessageDialog
顯示一個帶有OK 按鈕的模態對話框。
下面是幾個使用showMessageDialog 的例子:
- JOptionPane.showMessageDialog(null, "友情提示");
效果如下:
- JOptionPane.showMessageDialog(jPanel, "提示消息", "標題",JOptionPane.WARNING_MESSAGE);
效果如下:
- JOptionPane.showMessageDialog(null, "提示消息.", "標題",JOptionPane.ERROR_MESSAGE);
- JOptionPane.showMessageDialog(null, "提示消息.", "標題",JOptionPane.PLAIN_MESSAGE);
1.2 showOptionDialog
這個函數可以改變顯示在按鈕上的文字。你還可以執行更多的個性化操作。
常規的消息框:
- int n = JOptionPane.showConfirmDialog(null, "你高興嗎?", "標題",JOptionPane.YES_NO_OPTION);//i=0/1
效果如下:
個性話消息框:
- Object[] options ={ "好啊!", "去一邊!" };
- int m = JOptionPane.showOptionDialog(null, "我可以約你嗎?", "標題",JOptionPane.YES_NO_OPTION, JOptionPane.QUESTION_MESSAGE, null, options, options[0]);
效果如下:
1.3 showInoutDialog
該方法返回一個Object 類型。這個Object 類型一般是一個String 類型,反應了用戶的輸入。
下拉列表形式的例子:
- Object[] obj2 ={ "足球", "籃球", "乒乓球" };
- String s = (String) JOptionPane.showInputDialog(null,"請選擇你的愛好:\n", "愛好", JOptionPane.PLAIN_MESSAGE, new ImageIcon("icon.png"), obj2, "足球");
效果如下:
文本框形式的例子:
- JOptionPane.showInputDialog(null,"請輸入你的愛好:\n","title",JOptionPane.PLAIN_MESSAGE,icon,null,"在這輸入");
效果如下: 對應的小圖標可參照下圖: