整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML網(wǎng)頁編程之圖片控件和隱藏控件

          HTML網(wǎng)頁編程之圖片控件和隱藏控件

          頁編程之圖片、隱藏。

          同學(xué)們好,這里是免費少兒編程知識分享,每天一行代碼誰都能學(xué)會。今天分享的知識是為網(wǎng)頁添加圖片控件和隱藏控件,用到的是input標(biāo)簽的type屬性值,image和hidden。這兩個控件太過于簡單,所以我就放在一起講了,同時介紹了image控件button的image內(nèi)容,以及IMG控件之間的區(qū)別。演示了hidden控件在實際編程中的作用。

          先來看看今天實例的運行效果。網(wǎng)頁上分為兩段。

          ·第一段中有三張圖片,第一張就是type屬性等于image的效果,第二張是button中包含IMG標(biāo)簽的效果,第三張是純IMG標(biāo)簽的效果。這三張圖片的共同點是圖片完全一致。不同點是type=image,直接將整張圖片做成了提交按鈕,點擊之后即可提交整張表單,但外觀表現(xiàn)時仍然和普通的圖片是沒有任何差別的。

          ·第二張是button按鈕中使用了IMG標(biāo)簽,雖然它也有提交和圖片,但是它最外面仍然保留了按鈕的外邊框,看上去是以按鈕為主。

          ·第三章中直接使用IMG標(biāo)簽,它沒有提交功能就是一普通的圖片,但是我們?nèi)匀豢梢酝ㄟ^JS的submit函數(shù)來使其提交表單。

          ·第二段是一個密碼框一個提交按鈕。這一句話只是為了方便你們找到隱藏空間的位置,我還做了兩個hidden的隱藏控件,但是你們看不到,我隨便在這里輸入密碼,然后點擊按鈕時,JS就會取出(密碼)控件的值和隱藏控件中的值并且彈出對話框提示。

          這里有兩點需要注意,可以看到密碼控件中的值在這里仍然是明文顯示的,證明它只是視覺上是*或者圓點,實際在數(shù)據(jù)傳輸中仍然是明文并沒有加密。

          ·第二點是隱藏控件中的值被成功讀取,看不到并不代表不存在,效果各位同學(xué)都已經(jīng)看到了。

          在我們來看看實現(xiàn)的代碼,先講image值,它的關(guān)鍵屬性就是src和ID,也就是引用地址和命名,沒有什么好講的。我其實是不建議你們使用這個控件的,因為一般表單提交前,都會加上一層一層的驗證,比如說是必填、b7手勢、數(shù)字、格式是否正確。這個時候除了最基礎(chǔ)的控件類型驗證外還會用到 gs驗證。而如果使用 gs驗證就需要用到自定義函數(shù),在提交到服務(wù)器前就驗證好。

          如果用戶數(shù)據(jù)是正確的就提交,如果不正確就終止提交操作提示用戶修改流程,這樣看上去沒有問題,但因image控件討厭也就討厭在這里。

          ·若用這種方式提交可能會發(fā)生表單提交兩次的現(xiàn)象,經(jīng)常會造成表單元素被重復(fù)提交,數(shù)據(jù)庫被寫入異常,所以盡量不用或者少用。

          ·至于hidden控件常用來保存一些不需要或者不希望展示給用戶的數(shù)據(jù),他的常用屬性就是無這個Value和這個id。

          我舉個例子幫助你們理解,現(xiàn)在客戶要求建立一個注冊新用戶的界面,但是要求將注冊步驟分為兩步。第一步,需要用戶填寫手機(jī)和昵稱,然后跳轉(zhuǎn)至第二頁,輸入密碼和其他的信息,第二頁肯定就不需要顯示出來用戶在第一頁的時候輸入的數(shù)據(jù)了。但這些數(shù)據(jù)又必須在第二頁的時候一起提交至服務(wù)器。

          這時候就可以使用到隱藏控件--接收第一頁提交過來的數(shù)據(jù)并且不顯示,用戶也感受不到。直接填好信息提交時第一頁的數(shù)據(jù)也以隱藏空間的方式一起提交了。這僅僅是hidde空間的一個使用場景,還可以收集用戶信息、確定用戶身份、判斷提交源,在多個form表單中建立關(guān)節(jié)聯(lián)、做全局變量等,總的來說應(yīng)用方式還是很廣的。

          在目前這個階段就只需要知道這兩控件能干什么和基礎(chǔ)寫法,計算完成后面到具體的使用場景時會再詳細(xì)講解。

          好了,今天的分享就到這里,希望各位同學(xué)下去能夠照著寫三遍,做到不看視頻也能夠?qū)懗鰜恚械陌咐跋嚓P(guān)文檔均可以向我獲取。下期見。網(wǎng)頁編程·服務(wù)端編程·數(shù)據(jù)庫·算法,點贊點關(guān)注吧!

          evExpress WinForm擁有180+組件和UI庫,能為Windows Forms平臺創(chuàng)建具有影響力的業(yè)務(wù)解決方案。DevExpress WinForm能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序,無論是Office風(fēng)格的界面,還是分析處理大批量的業(yè)務(wù)數(shù)據(jù),它都能輕松勝任!

          注意:目前基于HTML & CSS的控件正在積極研發(fā)中,可以作為技術(shù)預(yù)覽提供,如果需要使用請下載最新版組件體驗哦~

          DevExpress WinForms Subscription官方最新版免費下載試用,歷史版本下載,在線文檔和幫助文件下載-慧都網(wǎng)

          一組控件和組件允許開發(fā)人員構(gòu)建HTML格式的UI,并使用CSS樣式自定義UI元素的外觀設(shè)置、大小、填充和布局選項,不再需要處理自定義繪制事件或更改大量屬性來修改控件以匹配UI規(guī)范,可以使用HTML和CSS標(biāo)記的知識為桌面應(yīng)用程序構(gòu)建布局。

          在上文中,我們?yōu)榇蠹医榻B了HTML-CSS標(biāo)記的,本文將為大家介紹DevExpress中的HTML-CSS感知控件,有興趣的小伙伴可以下載相關(guān)組件體驗。

          HTML-CSS-aware控件

          HtmlContentControl

          HtmlContentControl可以從HTML-CSS標(biāo)記構(gòu)建UI的界面。

          HtmlContentPopup

          HtmlContentPopup是HtmlContentControl的彈出窗口版本,該組件從HTML-CSS代碼生成UI,并將其顯示為彈出或模態(tài)窗口。

          GridControl的ItemsView

          新的ItemsView沒有默認(rèn)的數(shù)據(jù)表示,它僅從開發(fā)者用屬性或動態(tài)地用事件指定的HTML-CSS模板中呈現(xiàn)它的項(數(shù)據(jù)記錄)。

          GridControl的TileView

          TileView從模板生成它的項(tiles),開發(fā)者可以在常規(guī)模板和基于HTML-CSS的模板之間進(jìn)行選擇。

          GridControl的WinExplorerView

          WinExplorerView支持HTML-CSS模板來構(gòu)建卡片的布局,開發(fā)者可以為每種顯示樣式(超大、大、中、列表、貼片等等)指定HTML-CSS模板,或者動態(tài)地使用一個事件。

          GanttControl

          GanttControl允許開發(fā)者使用HTML-CSS標(biāo)記來渲染許多元素:

          • 任務(wù)、摘要和里程碑
          • 定期和匯總?cè)蝿?wù)進(jìn)度
          • 常規(guī)、摘要和里程碑任務(wù)基線
          • 文本標(biāo)簽
          • 交互工具提示
          • 分割的任務(wù)

          Scheduler Control

          您可以在SchedulerControl中使用基于HTML-CSS的模板來呈現(xiàn)約會。

          DirectX Form

          標(biāo)準(zhǔn)Visual Studio表單的替代品,為其子控件啟用DirectX硬件加速,并支持基于HTML-CSS的模板。

          Alert Controls

          AlertControl的模板允許呈現(xiàn)現(xiàn)代應(yīng)用程序通知。

          列表框控件和組合框編輯器

          開發(fā)人員可以使用基于HTML-CSS的模板來呈現(xiàn)以下控件中的項:

          • ListBoxControl, CheckedListBoxControl和 ImageListBoxControl
          • ComboBoxEdit

          Accordion Control

          AccordionControl允許開發(fā)人員使用HTML-CSS模板來渲染它的UI元素:

          • 項目和組
          • 頁腳的元素
          • 處于最小化狀態(tài)的元素等

          、html表單控件

          <input type="radio"  name="nw" value="1" title="內(nèi)網(wǎng)" checked="" runat="server">
          <input type="radio" name="nw" value="2" title="外網(wǎng)" runat="server">

          獲取值:


          主站蜘蛛池模板: 日产亚洲一区二区三区| 无码aⅴ精品一区二区三区浪潮| 午夜视频在线观看一区二区| 精品不卡一区中文字幕| 中文字幕日韩丝袜一区| 免费一区二区无码视频在线播放| 国产伦精品一区二区三区在线观看| 亚洲午夜一区二区三区| 亚洲一区二区三区精品视频| 日韩一区二区精品观看| 91精品福利一区二区| 亚洲色无码一区二区三区 | 精品人妻少妇一区二区三区| 蜜桃视频一区二区三区在线观看| 久久人妻av一区二区软件| 精品视频一区二区三区四区| 亚洲蜜芽在线精品一区| 鲁丝片一区二区三区免费| 农村人乱弄一区二区| 国产一区二区三区不卡观| 亚洲福利一区二区精品秒拍| 亚洲高清美女一区二区三区| 日韩一区二区在线观看视频| 一区二区三区观看免费中文视频在线播放| 亚洲国产老鸭窝一区二区三区| 无码国产精品一区二区免费3p| 国产精品无码一区二区三区毛片| 影院成人区精品一区二区婷婷丽春院影视 | 久久久精品人妻一区二区三区四| 亚洲av无码一区二区三区网站 | 国产综合无码一区二区辣椒| 国产精品女同一区二区久久 | 日韩精品无码一区二区中文字幕| 骚片AV蜜桃精品一区| 久久影院亚洲一区| 国产一区二区三区亚洲综合| 亚洲av乱码一区二区三区| 亚洲国产成人一区二区精品区| 日亚毛片免费乱码不卡一区| 亚洲一本一道一区二区三区| 无码乱码av天堂一区二区|