关键词:
复合控件:
多选框:checkbox - CheckBoxList
属性:RepeatLayout:Table 按表格排布 Flow流排布
RepeatDirection:Vertical 垂直排布 Horizontal 水平排布
RepeatColumns:每一行有几列 流式布局的时候使用
单选
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:CheckBoxList ID="CheckBoxList1" runat="server"><%--里面的每一项都是一个ListItem --%> <asp:ListItem Value="N001">汉族</asp:ListItem> <asp:ListItem Value="N002">满族</asp:ListItem> <asp:ListItem Value="N003">藏族</asp:ListItem> <asp:ListItem Value="N004">彝族</asp:ListItem> </asp:CheckBoxList> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </div> </form> </body> </html>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Button1.Click += Button1_Click; private void Button1_Click(object sender, EventArgs e) if(CheckBoxList1.SelectedItem!=null)//2、选中的SelectedItem不等于空的时候才执行 Label1.Text = CheckBoxList1.SelectedItem.Value;//1、获取复选框选中的Vlue也可以选中的Text。如果什么也没选中获取的话会报错所以执行2
多选 默认选中项
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Button1.Click += Button1_Click; if (! IsPostBack)//8、只有页面第一次加载才回走里面的代码。事件的委托要放在外面 List<Users> ulist = new UsersData().SelectAll();//1、将数据的内容返回个ulist foreach (Users u in ulist)//2、循环遍历ulist ListItem li = new ListItem(u.NickName, u.UserName);//括号里的第一个值为Text,第二个值为Valus if (u.UserName == "2589")//9、默认选中项 li.Selected = true; CheckBoxList1.Items.Add(li); private void Button1_Click(object sender, EventArgs e) //7、获取的话会在重新加载下数据库的内容所以执行8 if (CheckBoxList1.SelectedItem != null)//3、选中的SelectedItem不等于空的时候才执行如果等于空的时候回报错 string s = ""; foreach (ListItem li in CheckBoxList1.Items) //4、循环遍历一下CheckBoxList1里的集合所以用Items类型ListItem if (li.Selected)//5、获取选中的值 s += li.Text + ",";//6将选中的项的Tect给上面的s
多选无默认值
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Button1.Click += Button1_Click; if (!IsPostBack)//8、只有页面第一次加载才回走里面的代码。事件的委托要放在外面 List<Users> ulist = new UsersData().SelectAll();//1、将数据的内容返回个ulist CheckBoxList1.DataSource = ulist;//2、ulist置顶到CheckBoxList1 CheckBoxList1.DataTextField = "NickName";//显示数据库里NickName列显示相当于Text CheckBoxList1.DataValueField = "Ucode";//隐藏数据库里的Ucode列隐藏相当于Value CheckBoxList1.DataBind();//CheckBoxList1绑定数据路 private void Button1_Click(object sender, EventArgs e) //7、获取的话会在重新加载下数据库的内容所以执行8 if (CheckBoxList1.SelectedItem != null)//3、选中的SelectedItem不等于空的时候才执行如果等于空的时候回报错 string s = ""; foreach (ListItem li in CheckBoxList1.Items) //4、循环遍历一下CheckBoxList1里的集合所以用Items类型ListItem if (li.Selected)//5、获取选中的值 s += li.Text + ",";//6将选中的项的Tect给上面的s
单选框
radio - RadioButtonList
取值和复制和上面一样
设置默认选中项:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default2 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) RadioButtonList1.DataSource = new UsersData().SelectAll(); RadioButtonList1.DataTextField = "NickName"; RadioButtonList1.DataValueField = "Ucode"; RadioButtonList1.DataBind(); RadioButtonList1.SelectedIndex = 0;//默认选中索引为0的项
下拉菜单
select - DropDownList
单选
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) DropDownList1.Items.Add(new ListItem("===请选择===","-1"));//在网页中不显示,下面自带清空,显示的话属性AppendDataBoundItems="True"显示 DropDownList1.DataSource = new UsersData().SelectAll(); DropDownList1.DataTextField = "NickName"; DropDownList1.DataValueField = "Ucode"; DropDownList1.DataBind();
多选
**AutoPostBack 相当于点击事件
css之复合选择器与伪类选择器(代码片段)
CSS之复合选择器<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><title>CSS符合选择器</title>< 查看详情
css之复合选择器与伪类选择器(代码片段)
CSS之复合选择器<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><title>CSS符合选择器</title>< 查看详情
css学习笔记——复合选择器(代码片段)
文章目录后代选择器子选择器并集选择器伪类选择器复合选择器是建立在基础选择器之上的多个基本选择器复合而成的选择器,其优点是可以更准确、高效地选择目标元素复合选择器的分类后代选择器子选择器并集选择器伪... 查看详情
表单元素,简单控件,复合控件
十二个表单元素:文本类:<inputtype="text"/>//普通的文本框<inputtype="password"/>//密码框<textarea><textarea/>//可多行编辑的文本域<inputtype="hidden"/>//隐藏域选择类:<inputtype="radio"id="i"/><label 查看详情
csscss复合选择器①(基础选择器与复合选择器|后代选择器)(代码片段)
文章目录一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例一、基础选择器与复合选择器CSS基础选择器:在之前的博客中,介绍了CSS的基础选择器;标签选择器类选择器ID选择器通配符选择器在实... 查看详情
css之复合选择器与伪类选择器(代码片段)
CSS之复合选择器<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><title>CSS符合选择器</title><style>/*我想把ol里面的小li选择出来改为pink色*//*并级选择... 查看详情
css学习笔记——复合选择器(代码片段)
文章目录后代选择器子选择器并集选择器伪类选择器复合选择器是建立在基础选择器之上的多个基本选择器复合而成的选择器,其优点是可以更准确、高效地选择目标元素复合选择器的分类后代选择器子选择器并集选择器伪... 查看详情
十一css复合选择器(代码片段)
一、CSS的复合选择器1.1、什么是复合选择器在CSS中,可以根据选择器的类型把选择器分为基础选择器\\colorred基础选择器基础选择器和复合选择器\\colorred复合选择器复合选择器,复合选择器是建立在基础选择器之上,... 查看详情
flutter日期时间选择类控件及国际化(代码片段)
....12.13+hotfix.5Dart版本:2.7.0DatePickerFlutter并没有DatePicker这个控件,需要使用showDatePicker方法弹出日期选择控件,基本用法如下:RaisedButton(onPressed:()asyncvarresult=awaitshowDatePicker(context:context,initialDate:DateTime.now(),firstDate:DateTime(2020),lastDate... 查看详情
前端入门教程(代码片段)
1.CSS的复合选择器1.1什么是复合选择器在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行复合形成的。复合选择器可以更准确、更高效地... 查看详情
前端入门教程(代码片段)
1.CSS的复合选择器1.1什么是复合选择器在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行复合形成的。复合选择器可以更准确、更高效地... 查看详情
css选择器(代码片段)
...选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器复合选择器1.后代选择器2.子代选择器3.并集选择器4.伪类选择器4.1.链接伪类选择器:4.2.focus伪类选择器总结基础选择器1.标签选择器举例:<head><title>标签选择器&l... 查看详情
css选择器(代码片段)
...选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器复合选择器1.后代选择器2.子代选择器3.并集选择器4.伪类选择器4.1.链接伪类选择器:4.2.focus伪类选择器总结基础选择器1.标签选择器举例:<head><title>标签选择器&l... 查看详情
css基本介绍(代码片段)
...链接伪类选择器结构(位置)伪类选择器目标伪类选择器复合选择器交集选择器并集选择器后代选择器子元素选择器属性选择器伪元素选择器标签选择模式块级元素(block-level)行内元素(inline-level)行内块元素(inline-blo 查看详情
selenium在定位的class含有空格的复合类的解决办法整理(代码片段)
1.class属性唯一但是有空格,选择空格两边唯一的哪一个<divid="tempConfigTable"class="dtb-style-1table-dragColumns"style="height:371px;position:relative;"><thid=""tid="grid-row-2"class="tabthfield_security_dispaytxt-l 查看详情
Android 片段与复合控件
】Android片段与复合控件【英文标题】:Androidfragmentsvscompoundcontrols【发布时间】:2011-09-0701:43:06【问题描述】:为什么要使用Android3.0片段而不是复合控件?可以一次创建一个View继承器或复合控件,然后在任何地方使用它。我已... 查看详情
web前端练习31----css,选择器(基本选择器,复合选择器,属性选择器,伪类,伪元素,优先级,雪碧图练习)(代码片段)
...选择器element3类选择器.class4id选择器#id5内联样式style二、复合选择器:1交集选择器 element.class||element#id2并集选择器 element1,element2,element3,...3后代选择 查看详情
css选择器(代码片段)
...签名选择器1.1.2类选择器1.1.3id选择器1.1.4通配符选择器1.2复合选择器1.2.1属性选择器1.2.2关系选择器1.2.2.1子元素选择器1.2.2.2相邻兄弟选择器1.2.3并集选择器1.2.4后代选择器1.2.5伪类选择器1.2.5.1超链接的伪类1.2.5.2段落的伪类1.2.5.3结... 查看详情