米利唐_后腰_乌克兰足球超级联赛_中国竞彩欧赔 - 足球竞彩分析

集團官網(wǎng)
  • 國家級全民數(shù)字素養(yǎng)與技能培訓基地
  • 河南省第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
  • 鄭州市數(shù)字技能人才(碼農(nóng))培養(yǎng)評價聯(lián)盟

HTML表單控件input的使用

編輯:云和數(shù)據(jù) 日期:2023-04-14 10:44

瀏覽網(wǎng)頁時,讀者經(jīng)常會看到單行文本輸入框、單選按鈕、復選框、重置按鈕等,使用控件可以在表單中定義這些元素,其基本語法格式如下。

在上述語法中,type屬性為其最基本的屬性,取值有多種,用來指定不同的控件類型。除type屬性外,控件還可以定義很多其他屬性,其中,比較常用的如id、name、value、size,它們分別用來指定input控件的ID值、名稱、控件中的默認值和控件在頁面中的顯示寬度。

接下來通過一個案例來演示控件的使用。

在chapter01文件夾下創(chuàng)建一個HTML文件htmlDemo06,在該文件中使用表單控件來顯示

注冊頁面,其關(guān)鍵代碼如文件1-6所示。

文件1-6 htmlDemo06.html

?
??????????????????????????????????用戶名:?????????????????????????<!--1.文本輸入框控件-->???????????????????????????????????????????????????密碼:???????????<!--2.密碼輸入框控件-->?????????????????????????????????????????性別:?????????????<!--3.單選輸入框控件,由于無法輸入value,所以預先定義好-->??????男???????女??????????????????????????????興趣:????????????????????????????????????????<!--4.復選框控件-->????????????????看電影????????????????敲代碼????????????????玩游戲????????????????????????????????????????????????????????????頭像:????????????????????????????????<!--5.文件上傳控件-->??????????????????????????????????????????????????????????????????????<!--6.提交按鈕控件-->????????????????????<!--7.重置按鈕控件,單擊后會清空當前form-->??????????????????????????????????????

在文件1-6中,分別使用標記定義了文本輸入框控件、密碼輸入框控件、單選框和復選框控件、文件上傳控件以及提交和重置按鈕控件。在上述控件中,name屬性代表控件名稱,value屬性表示該控件的值。需要注意的是,單選框控件和復選框控件必須指定相同的name值,這是為了方便在處理頁面數(shù)據(jù)時獲取表單傳遞的值(表單所傳遞的就是該控件的value值)。上述代碼中,還用了

標記。
標記的作用是將表單內(nèi)的元素分組,而標記則為
標記定義標題。

使用瀏覽器打開文件1-6,顯示結(jié)果如圖1-8所示。

表單控件的使用

圖1-8表單控件的使用

填寫完圖1-8中所示的表單數(shù)據(jù)后,頁面如圖1-9所示。

表單控件的使用

圖1-9表單控件的使用

從圖1-9可以看出,密碼輸入框中內(nèi)容為不可見狀態(tài),單選按鈕只能選擇一個值,而復選框可以選擇多個值。

與其他語言類似,HTML中也提供了代碼注釋,它以“<!–”開頭,以“–>”結(jié)束,其語法如下所示。

<!--注釋內(nèi)容-->

在文件1-6中,就大量地使用了HTML注釋,被注釋的內(nèi)容不會顯示到瀏覽器頁面上,但是通過查看瀏覽器中的源代碼可以看到HTML中的注釋信息。

相關(guān)內(nèi)容

搶先一步 鴻蒙(HarmonyOS)應(yīng)用開發(fā)者高級認證 免費考! 適合人群計算機相關(guān)專業(yè)在校生(技師、中職、高職、本科、研究生)對鴻蒙(HarmonyOS)有興趣的非計算機相關(guān)專業(yè)在校生目前正在從事移動應(yīng)用的開發(fā)者目前正在從事計算機行業(yè)相關(guān)的人計算機專業(yè)高校老師所有對鴻蒙(HarmonyOS)有興趣的人 培訓方案掌握鴻蒙的核心概念和端云一體化開發(fā)、... 什么是Java的多態(tài)性(polymorphism)?它有哪些不同的形式? 多態(tài)性是Java面向?qū)ο缶幊痰囊粋€重要概念,它允許不同的對象以一致的方式響應(yīng)同一個方法調(diào)用,具體表現(xiàn)為對象在運行時可以表現(xiàn)出多個不同的形態(tài)。多態(tài)性主要有兩種不同的形式:編譯時多態(tài)性(靜態(tài)多態(tài)性)和運行時多態(tài)性(動態(tài)多態(tài)性)。1. 編譯時多態(tài)性(靜態(tài)多態(tài)性):   ... 如何學習和搭建Hadoop開發(fā)環(huán)境? Hadoop是大數(shù)據(jù)處理領(lǐng)域的重要平臺,能夠處理和分析大量數(shù)據(jù)。為了有效地利用Hadoop,我們需要學習其基礎(chǔ)知識,并正確搭建開發(fā)環(huán)境。下面是詳細的學習和搭建指南。一、學習Hadoop基礎(chǔ)掌握基礎(chǔ)概念和原理Hadoop主要由HDFS和MapReduce兩部分組成。HDFS是分布式文件系統(tǒng),Ma... UI 設(shè)計學習如何進階成為高手 我總結(jié)了六種方法,幫助你走出舒適區(qū),提高技能,成長為自信且經(jīng)驗豐富的UI設(shè)計高手一位經(jīng)驗豐富的 UI 設(shè)計師,往往十分看中應(yīng)用程序界面的吸引力和視覺刺激,確保滿足用戶期望和需求。但是,如果你已經(jīng)在 UI 設(shè)計圈摸爬滾打多年,仍然沒有出色的作品,那你極有可能是因為陷入了一個舒適圈,UI技能一直原... 在Java中Executor和Executors的區(qū)別? 在Java中,Executor和Executors都與線程池和并發(fā)執(zhí)行有關(guān),但它們是不同的概念和類。1.ExecutorExecutor是一個接口,位于java.util.concurrent包中,用于表示一個執(zhí)行任務(wù)的執(zhí)行器。它只定義了一個方法:void execute(Runnable c... String類型的常見命令有哪些? String類型,也就是字符串類型,是Redis中最簡單的存儲類型。其value是字符串,不過根據(jù)字符串的格式不同,又可以分為3類:string是普通字符串,int整數(shù)類型,可以做自增、自減操作,float浮點類型,可以做自增、自減操作。String的常見命令有:SET:添加或者修改已經(jīng)存在的...