表格框架表單ppt課件(編輯修改稿)
2025-05-29 12:00 本頁面
【文章內(nèi)容簡介】 a href=url target=―_parent‖ 顯示在父窗口 a href=url target=―_top‖ 顯示在整個瀏覽器窗口 …… PA href= target=_blank IMG src=images/ width=158 height=31 border=0 //A /P PA href= target=_self IMG src=images/ width=160 height=32 border=0 //A /P PA href= target=_parent IMG src=images/ width=158 height=31 border=0 //A /P PA href= target=_top IMG src=images/ width=157 height=31 border=0//A/P …… 新啟一個窗口打開文件 “ ” 演示示例 4： 使用四個特殊的窗口 HTML框架示例 小結(jié) 4 練習(xí)答案 練習(xí)代碼 編寫如下圖所示效果對應(yīng)的 html代碼 總結(jié) 創(chuàng)建表格最少需要那三個標(biāo)簽？ 簡述表格的基本結(jié)構(gòu)。 跨行跨列的表格，主要在什么情況下使用？ 給你一個表格，你會從哪些方面進(jìn)行美化？ 框架使用場合 如何創(chuàng)建多個復(fù)雜的窗口 如何設(shè)置窗口鏈接的顯示位置 課后練習(xí) 在頁面上顯示一表格，熟練運(yùn)用 table標(biāo)簽（表格限制： 3橫 4列，第一例跨 3行） 表單 ? 會使用表單的基本結(jié)構(gòu)制作表單頁面 ? 會使用各種表單元素實(shí)現(xiàn)注冊頁面 ? 能理解 post和 get兩種提交方式的區(qū)別 表單 表單的典型應(yīng)用 注冊用戶 收集信息 反饋信息 為網(wǎng)站提供搜索工具 注冊用戶 收集信息 反饋信息 提供搜索工具 HTML表單 ?表單允許客戶端的用戶以標(biāo)準(zhǔn)格式向服務(wù)器提交數(shù)據(jù)。 ?表單的創(chuàng)建者為了收集所需數(shù)據(jù)，使用了各種控件設(shè)計表單如 INPUT 或 SELECT。 ?查看表單的用戶只需填充數(shù)據(jù)并單擊提交按鈕即可向服務(wù)器發(fā)送數(shù)據(jù)，服務(wù)器上的腳本會處理這些數(shù)據(jù)。 HTML FORM ACTION= METHOD=POST 輸入你的姓名 : INPUT NAME=FNameBR 喜愛的冰淇淋口味 : SELECT NAME=Flavor OPTION VALUE=Chocolate巧克力 OPTION VALUE=Strawberry草莓 OPTION VALUE=Vanilla SELECTED香草 /SELECT PINPUT TYPE=SUBMIT /FORM /HTML 表單包含的控件 單行文本輸入框 (TEXT) 單選按鈕(RADIO) 復(fù)選框(CHECKBOX) 下拉列表(SELECT) 重置按鈕(RESET) 提交按鈕(SUBMIT) 多行文本框(TEXTAREA) 密碼框(PASSWORD) Form表單標(biāo)記 屬 性 含 義 action 設(shè)置或獲取表單內(nèi)容要發(fā)送處理的 URL id 獲取標(biāo)識對象的字符串 method 設(shè)置或獲取將表單數(shù)據(jù)發(fā)送到服務(wù)器方法： get / post name 設(shè)置或獲取對象的名稱 style 為該設(shè)置元素設(shè)置內(nèi)嵌樣式 ?表單常用的屬性 ?Input標(biāo)記 ?button ?checkbox ?file ?hidden ?image ?password ?radio ?reset ?submit ?text 表單包含的控件 單行文本輸入框 (TEXT) 單選按鈕(RADIO) 復(fù)選框(CHECKBOX) 下拉列表(SELECT) 重置按鈕(RESET) 提交按鈕(SUBMIT) 多行文本框(TEXTAREA) 密碼框(PASSWORD) 表單元素的統(tǒng)一格式 FORM name=form3 method=post action= INPUT type=checkbox name=gen value=男 size=21“ maxlength=4 checked=checked …… /FORM 指定元素的類型，可為 TEXT、 RADIO、SUBMIT等 控件的 名稱 控件的 初始值 控件的 初始寬度 控件中輸入的最多字符個數(shù) 控件是否被 選中 Text文本框 屬 性 含 義 disabled 設(shè)置或獲取控件的狀態(tài) id 獲取標(biāo)識對象的字符串 maxLength 設(shè)置或獲取用戶可在文本控件中輸入的最多字符數(shù) name 設(shè)置或獲取對象的名稱 readOnly 設(shè)置或獲取表明對象內(nèi)容是否為只讀的值 size 設(shè)置或獲取控件的大小 style 為該設(shè)置元素設(shè)置內(nèi)嵌樣式 type 獲取或初始設(shè)置對象所代表的 input控件類型 value 設(shè)置或獲取控件對象的顯示值，提交時將返回服務(wù)器 ?文本框常用的屬性 表單元素的逐一介紹 ? 文本框基本語法 – INPUT type=―text ‖ value=張三 size=20 FORM name=form1 method=post action= P名 字： INPUT type=text value=張三 size=20 /P …… /FORM 查看源代碼 單行文本輸入框，字符寬度為 20 文本區(qū)的寬度 輸入元素的默認(rèn)值 文本輸入框 Button按鈕 屬 性 含 義 disabled 設(shè)置或獲取控件的狀態(tài) id 獲取標(biāo)識對象的字符串 name 設(shè)置或獲取對象的名稱 size 設(shè)置或獲取控件的大小 style 為該設(shè)置元素設(shè)置內(nèi)嵌樣式 type 獲取或初始設(shè)置對象所代表的 input控件類型 value 設(shè)置或獲取控件對象的默認(rèn)或選中值 width 設(shè)置或獲取對象的計算寬度 ?按鈕常用的屬性 表單元素的逐一介紹 按鈕基本語法 INPUT type=reset name=Reset value= 重填 按鈕名稱 按鈕類型可為button、 submit 按鈕上的標(biāo)簽 FORM name=form6 method=post action= P INPUT type=reset name=Reset value= 重填 …… INPUT type=button name=cancel value=取消 /P /FORM 查看源代碼 單擊按鈕，控件的值被重置為 value屬性中指定的初始值 Checkbox復(fù)選框 屬 性 含 義 checked 設(shè)置或獲取復(fù)選框的狀態(tài) dataSrc 設(shè)置或獲取用于數(shù)據(jù)綁定的數(shù)據(jù)源 disabled 設(shè)置或獲取控件的狀態(tài) id 獲取標(biāo)識對象的字符串 name 設(shè)置或獲取對象的名稱 size 設(shè)置或獲取控件的大小 st
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1