當前位置:首頁 » 網頁前端 » web可多選標簽
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web可多選標簽

發布時間: 2023-06-04 10:13:18

① 如何:編寫多選復選框篩選器 Web 部件

示例 using System; using System.Collections.Generic; using System.ComponentModel; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using aspnetwebparts = System.Web.UI.WebControls.WebParts; using Microsoft.Office.Server.Utilities; using wsswebparts = Microsoft.SharePoint.WebPartPages; using Microsoft.SharePoint.Portal.WebControls; using System.Collections.ObjectModel; using Microsoft.SharePoint.Utilities; using System.Data; using System.Collections; namespace MyWebPartLibrary { public class RegionFilterWebPart : aspnetwebparts.WebPart, wsswebparts.ITransformableFilterValues { CheckBoxList cblRegionList; ListItem cbitemRegion; public virtual bool AllowMultipleValues { get { return true; } } public virtual bool AllowAllValue { get { return true; } } public virtual bool AllowEmptyValue { get { return false; } } public virtual string ParameterName { get { return "Geography"; } } public virtual ReadOnlyCollection ParameterValues { get { string[] values = this.(); return values == null ? null : new ReadOnlyCollection(values); } } protected override void CreateChildControls() { cblRegionList = new CheckBoxList(); Controls.Add(cblRegionList); cbitemRegion = new ListItem(); cbitemRegion.Text = "Seattle"; cblRegionList.Items.Add(cbitemRegion); cbitemRegion = null; cbitemRegion = new ListItem(); cbitemRegion.Text = "US"; cblRegionList.Items.Add(cbitemRegion); cbitemRegion = null; cbitemRegion = new ListItem(); cbitemRegion.Text = "World"; cblRegionList.Items.Add(cbitemRegion); cbitemRegion = null; cbitemRegion = new ListItem(); cbitemRegion.Text = "All"; cblRegionList.Items.Add(cbitemRegion); cbitemRegion = null; base.CreateChildControls(); } [aspnetwebparts.ConnectionProvider("Region Filter", "ITransformableFilterValues", AllowsMultipleConnections = true)] public wsswebparts.ITransformableFilterValues SetConnectionInterface() { return this; } protected override void OnPreRender(EventArgs e) { base.OnPreRender(e); } public string[] () { String[] choices = new String[5]; bool anythingSelected = false; for (int i = 0; i < cblRegionList.Items.Count; i++) { //get the selected choices if (cblRegionList.Items[i].Selected) { anythingSelected = true; if (cblRegionList.Items[i].Text != "All") { choices[i] = cblRegionList.Items[i].Text; } else { choices = null; return choices; } } } if (!anythingSelected) choices = null; return choices; } protected override void RenderContents(HtmlTextWriter output) { this.EnsureChildControls(); RenderChildren(output); } } } 另請參閱其他資源如何:使用多選復選框篩選器 Web 部件

② web前端頁面布局,一般情況用哪些標簽最好,可以盡可能地達到各瀏覽器對標簽元素的識別

用DIV寫是最好的。瀏覽器無論是信息的爬蟲和頁面的重構都會很好。瀏覽器兼容的問題主要是你CSS寫的嚴謹不嚴謹。你CSS寫的不夠全有的瀏覽器自然會有這些問題。而且有的屬性可能不兼容每個瀏覽器。標簽最好的就是DIV了。

③ web基礎(link標簽的用法)

一慧判直在使用link標簽,這幾天接觸到了less預處理器之後,怎麼定義link都出現了一些問題,在網上查了一些資料,最終是這樣定義link的:

<link rel="stylesheet/less" type="text/css" href="css/less.less">

此時,頁面上已經可以正常顯示css了。我才發現我還並不了解link的機制是什麼樣子的,天吶~(需要用心鑽研了)

上w3c查詢link可以看到link標簽共有9個屬性(平時也用不到這么多,所以就解剖以下以上link中的三個屬性,剩下的就當是科普一下吧 ~_~)

看到一對理論性的東西,就莫名的頭大!話不多說直接開搞。

看到這里基本上就明白了rel當中的值的作用了,其實stylesheet的作用就是為了 標明當前文檔與link鏈接的文檔的關系而已 。例如<link rel="stylesheet">就是說明了link鏈接的文檔屬於當前的文檔的外部鏈接樣式表。

例中stylesheet後添加了一個/less的作用,就是為了說明此鏈接文檔是less文檔

(這么規定的,照做就行了~)畝碧改

type表面上看似很簡單,只有一個MIME_type的值,實際上 MIME_type 代表了所有迅判的文檔類型,有興趣的話,可以自己了解了解,反正我看了之後只覺得幾百種類型,我才用過幾種,如果牽扯到ajax的話,相對來說會用的比較多了。(附上w3c中能夠用到的script類型 MIME_type  )

href屬性就比較簡單了, 它是用來確定你link文件的路徑 ,當然了只要是路徑都有絕對相對的,就看你把它放在哪裡找出來就是了。

想必大家也用過target這個屬性,我也是剛剛看到這個屬性居然在h5中不支持了,我的天,這是什麼鬼!不過,在測試中,ie8+、firfox、geogle依然能夠使用該屬性,也就是說,沒毛病,可以放心的使用。

好了,link標簽中常用的屬性就這3個了,剩下的屬性因為有默認值的存在,也就不需要你再動手去填寫了,但是如果你有特殊要求的話,肯定也不會是看我這篇文章的人了吧~_~。

補充一句(script標簽同理的,我懶,我就不背鍋了!!!)

④ html如何做下拉的可多選的復選框列表

下面是我做的一個範例,你可以參考一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自定義表單1 - powered by dedecms</title>
<link href="img/nspage.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="../include/dedeajax2.js"></script>
</head>
<body>

<div class="main mceneter">
<div class="toplogo">
<div class="logo">
<a href="/"><img src="/templets/default/images/logo.gif" /></a>
</div>
<div class="title">
<a href='diy.php?action=list&diyid=1'>自定義表單1</a> > 發布信息
</div>
</div>
<div class="cmain">
<div class="ctitle">
<h1>自定義表單1發布</h1>
<span></span>
</div>
<div class="cbox mceneter">
<div class="maplist">
<br />
<form action="/plus/diy.php" enctype="multipart/form-data" method="post">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<table style="width:97%;" cellpadding="0" cellspacing="1">
<tr>
<td align="right" valign="top">範例:</td>
<td><select name='fl' style='width:150px'><option value='男'>男</option>
<option value='女'>女</option>
<option value='人妖'>人妖</option>
</select>
</td>
</tr>
<input type="hidden" name="dede_fields" value="fl,select" />
<input type="hidden" name="dede_fieldshash" value="" /></table>
<div align='center' style='height:30px;padding-top:10px;'>
<input type="submit" name="submit" value="提 交" class='coolbg' />

<input type="reset" name="reset" value="重 置" class='coolbg' />
</div>
</form>
</div>
</div>
</div>
</div>

<div class="right mceneter">
Powered by <a href="http://www.dedecms.com" target="_blank">DedeCMS</a> &; 2004-2009 <a href="http://www.desdev.cn" target="_blank">DesDev</a> Inc.
</div>

</body>
</html>