



下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領
文檔簡介
1、HTML 表單(Form)是 HTML 的一個重要部分,主要用于采集和提交用戶輸入的信息。一個簡單的 HTML 表單,包含兩個文本輸入框和一個提交按鈕:Firstname:Lastname:IHTML 表單(Form)常用控件(Controls)HTML 表單(Form)常用控件有:inputtype=text單行文本輸入框inputtype=submit將表單(Form)里的信息提交給表單里 action 所指向的文件inputtype=checkbox復選框inputtype=radio單選框select 下拉框textArea 多行文本輸入框inputtype=password密碼輸入框
2、(輸入的文字用*表示)表單控件(FormControl):單行文本輸入框(inputtype=text)單行文本輸入框允許用戶輸入一些簡短的單行信息,比如用戶姓名。例句如下:表單控件(FormControl):復選框(inputtype=checkbox)復選框允許用戶在一組選項里,選擇多個。示例代碼:蘋果桔子芒果用 checked 表示缺省已選的選項。桔子表單控件(FormControl):單選框(inputtype=radio)使用單選框,讓用戶在一組選項里只能選擇一個。示例代碼:蘋果桔子芒果用 checked 表示缺省已選的選項。表單控件(FormControl):下拉框(select)
3、下拉框(Select)既可以用做單選,也可以用做復選。單選例句如下:蘋果桔子芒果如果要變成復選,力口 muiltiple 即可。用戶用 Ctrl 來實現(xiàn)多選。例句:用戶還可以用 size 屬性來改變下拉框(Select)的大小。表單控件(FormControl):多行輸入框(textarea)多行輸入框(textarea)主要用于輸入較長的文本信息。例句如下:其中 cols 表示 textarea 的寬度,rows 表示 textarea 的高度。表單控件(FormControl):密碼輸入框(inputtype=password)密碼輸入框(inputtype=password)主要用于一些
4、保密信息的輸入,比如密碼。因為用戶輸入的時候,顯示的不是輸入的內(nèi)容,而是黑點符號。例句如下:表單控件(FormControl):提交(inputtype=submit)通過提交(inputtype=submit)可以將表單(Form)里的信息提交給表單里 action 所指向的文件。例句如下:表單控件(FormControl):圖片提交(inputtype=image)inputtype=image 相當于 inputtype=submit,不同的是,inputtype=image 以個圖片作為表單的提交按鈕,其中 src 屬性表示圖片的路徑。提示和注釋:提示:請使用 label 元素為某個表
5、單控件定義標簽。帶有兩個輸入字段和相關標記的簡單 HTML 表單:表單控件(FormControl):下拉框(select)下拉框(Select)既可以用做單選,也可以用做復選。單選例句如下:蘋果桔子芒果如果要變成復選,力口 muiltiple 即可。用戶用 Ctrl 來實現(xiàn)多選。例句:用戶還可以用 size 屬性來改變下拉框(Select)的大小。表單控件(FormControl):多行輸入框(textarea)多行輸入框(textarea)主要用于輸入較長的文本信息。例句如下:其中 cols 表示 textarea 的寬度,rows 表示 textarea 的高度。表單控件(FormCon
6、trol):密碼輸入框(inputtype=password)密碼輸入框(inputtype=password)主要用于一些保密信息的輸入,比如密碼。因為用戶輸入的時候,顯示的不是輸入的內(nèi)容,而是黑點符號。例句如下:表單控件(FormControl):提交(inputtype=submit)通過提交(inputtype=submit)可以將表單(Form)里的信息提交給表單里 action 所指向的文件。例句如下::圖片提交(inputtype=image”)inputtype=image 相當于 inputtype=submit,不同的是,inputtype=image 以個圖片作為表單的提
7、交按鈕,其中 src 屬性表示圖片的路徑。提示和注釋:提示:請使用 label 元素為某個表單控件定義標簽。帶有兩個輸入字段和相關標記的簡單 HTML 表單:表單控件(FormControl)alttext定義圖像輸入的替代文本。STFcheckedchecked規(guī)定此 input 元素首次加載時應當被選中。STFdisableddisabled當 input 元素加載時禁用此元素。STFmaxlengthnumber規(guī)定輸入字段中的字符的最大長度。STFnamefield_name定義 input 元素的名稱。STFreadonlyreadonly規(guī)定輸入字段為只讀。STFsizenumber_of_char定義輸入字段的寬度。STFsrcURL定義以提交按鈕形式顯示的圖像的 URLoSTFtypebuttoncheckboxfilehiddenimagepasswordradioresetsubmittext規(guī)定 input 元素的類型。STFvaluevalue規(guī)定 input 元素的值。STF標準屬性id,class,title,style,dir,lang,xml:lang如需完整的描述,請訪問標準屬性。事件屬性tabindex,accesskey,onfocus,onblur,onselect,onch
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 七年級語文上冊 第六單元 12童區(qū)寄傳教學設計 北師大版
- 人教版地理八上第一章第2節(jié)《人口》教學設計
- 人教版三年級音樂下冊(簡譜)《可愛的家》教學設計
- 九年級數(shù)學下冊 第二章 二次函數(shù)2 二次函數(shù)的圖象與性質(zhì)第2課時 二次函數(shù)y=ax2+c的圖象與性質(zhì)教學設計 (新版)北師大版
- 九年級物理下冊 第十六章 電磁轉(zhuǎn)換 五 電磁感應 發(fā)電機教學設計 (新版)蘇科版
- 人教A版 (2019)選擇性必修 第一冊1.2 空間向量基本定理教案設計
- 三年級英語上冊 Unit 6 Happy birthday Part A 第三課時教學設計 人教PEP
- 九年級化學上冊 第六單元 碳和碳的氧化物 課題1 金剛石、石墨和C60教學設計(新版)新人教版
- 人教版七年級下冊歷史(2016新編版)第2課《從“貞觀之治”到“開元盛世”》教學設計
- 六年級下冊有趣的平衡教案及反思
- 爐壁溫度計算詳解
- 胃腸道生活質(zhì)量指數(shù)(GIQLI)
- 綠色建筑驗收自評報告全
- GB/T 42288-2022電化學儲能電站安全規(guī)程
- 小說中景物描寫的作用
- 第十二講 建設社會主義生態(tài)文明PPT習概論2023優(yōu)化版教學課件
- 工商管理實習周記十篇
- 幼兒園體育游戲活動評價表
- 2023年通管局安全員考試-培訓及考試題庫(導出版)
- GB/T 4857.22-1998包裝運輸包裝件單元貨物穩(wěn)定性試驗方法
- GB/T 25074-2010太陽能級多晶硅
評論
0/150
提交評論