第6章-表格與表單-資料下載頁(yè)
2025-08-05 10:55本頁(yè)面
【正文】 容 /t e x t a r e a 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 表單控件 ? textarea控件 – 在上面的語(yǔ)法格式中， cols和 rows為 textarea標(biāo)記的必須屬性，其中 cols用來(lái)定義多行文本輸入框每行中的字符數(shù)， rows用來(lái)定義多行文本輸入框顯示的行數(shù)，他們的取值均為正整數(shù)。 注意 : 各瀏覽器對(duì) cols和 rows屬性的理解不同，當(dāng)對(duì) textarea控件應(yīng)用 cols和 rows屬性時(shí)，多行文本輸入框在各瀏覽器中的顯示效果可能會(huì)有差異。所以在實(shí)際工作中，更常用的方法是使用 CSS的 width和height屬性來(lái)定義多行文本輸入框的寬高。 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 表單控件 ? select控件 – 下圖 為 一個(gè)下拉菜單，當(dāng)點(diǎn)擊下拉符號(hào)“ ”時(shí)，會(huì)出現(xiàn)一個(gè)選擇列表。 在 HTML中，要想 制作 如下圖所示的 下 拉菜單，就需要使用select控件 。 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 表單控件 ? select控件 – 使用 select控件定義下拉菜單的基本語(yǔ)法格式如下 ： – 在上面的語(yǔ)法中， select/select標(biāo)記用于在表單中添加一個(gè)下拉菜單， option/option用于 定義下拉菜單中的具體選項(xiàng)，每對(duì) select/select中至少應(yīng)包含一對(duì) option/option。 s e l e c t o p t i o n 選項(xiàng) 1 / o p t i o n o p t i o n 選項(xiàng) 2 / o p t i o n o p t i o n 選項(xiàng) 3 / o p t i o n ... / s e l e c t 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 表單控件 ? select控件 – 值得一提的是，在 HTML中，可以為 select和 option標(biāo)記定義屬性，以改變下拉菜單的外觀顯示效果，具體 如 下表 所 示。 標(biāo)記名 常用屬性 描述 select size 指定下拉菜單的可見選項(xiàng)數(shù)（取值為正整數(shù)）。 multiple 定義 multiple=multiple時(shí) ， 下拉菜單將具有多項(xiàng)選擇的功能 ， 方法為按住 Ctrl鍵的同時(shí)選擇多項(xiàng) 。 option selected 定義 selected = selected 時(shí)，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)。 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 CSS控制表單樣式 – 使用 CSS可以輕松地控制表單控件的樣式，主要體現(xiàn)在控制表單控件的字體、邊框、背景和內(nèi)邊距等 。 – 在使用 CSS控制表單樣式時(shí)，初學(xué)者還需要注意以下幾個(gè)問題。 ? 由于 form是塊元素，重置瀏覽器的默認(rèn)樣式時(shí)，需要清除其內(nèi)邊距 padding和外邊距 margin。 ? input控件默認(rèn)有邊框效果，當(dāng)使用 input /標(biāo)記定義各種按鈕時(shí)，通常需要清除其 邊框。 ? 通常情況下需要對(duì)文本框和密碼框設(shè)置 2到 3像素的內(nèi)邊距，以使用戶輸入的內(nèi)容不會(huì)緊貼輸入 框。 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 階段案例 效果圖如下 讓 IT教學(xué)更簡(jiǎn)單，讓 IT學(xué)習(xí)更有效 ? 本章小結(jié) ? 本章介紹了 HTML中兩個(gè)重要的元素 ——表格與表單 ，主要包括 表格相關(guān)標(biāo)記 、 表單相關(guān)標(biāo)記 、以及如何 使用 CSS控制表格與表單的樣式 。在本章的最后，通過表格進(jìn)行布局，然后使用 CSS對(duì)表格和表單進(jìn)行修飾， 制作出了一個(gè)常見的注冊(cè)界面 。 ? 通過本章的學(xué)習(xí)，讀者應(yīng)該能夠掌握創(chuàng)建表格與表單的基本語(yǔ)法，了解表格布局，熟悉常用的表單控件， 熟練地運(yùn)用表格與表單組織頁(yè)面元素。
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號(hào)-1