表单元素,简单控件,复合控件
十二个表单元素:
文本类:
<input type="text" />//普通的文本框 <input type="password" />//密码框 <textarea><textarea />//可多行编辑的文本域 <input type="hidden" />//隐藏域
选择类:
<input type="radio" id="i" /><label for="i">aaaa<label />//单选框,id相同的互斥,label内显示单选框的内容,for点击文字也可选中 <input type="checkbox" />//复选框 <select><option>aaa<option /><select />//下拉菜单,每一个option都是一行 <input type="file" />//文件选择
按钮类:
<input type="button" value="aaaa"/>//纯按钮,value显示按钮的文本 <input type="submit" />//提交按钮 <input type="image" />//图片按钮 <input type="reset" />//清空按钮
简单控件:
//Lable,Text修改要显示的内容,也可以写在中间,CssClass样式表 <asp:Label ID="Label1" runat="server" Text="Label" CssClass="aaa"></asp:Label> //网页中显示 <span id="Label1">Label</span> //Literal <asp:Literal ID="Literal1" runat="server" Text="bbbb"></asp:Literal> //在网页中直接显示Text的内容 //Button <asp:Button ID="Button1" runat="server" Text="Button" /> //在网页中直接显示submit <input type="submit" name="Button1" value="Button" id="Button1" /> //imageButton在网页中直接被编译成image //TextBox控件;就是text,加个TextMode="password"变成密码框,加个TextMode="MultiLine"变成文本域,
//HiddenField控件;隐藏域,对应隐藏文本框 //控件的id就是取控件的id,被编译到网页对应的name相同
//visbile = "false"直接隐藏,网页中也不显示
//利用css隐藏,网页中显示代码并隐藏;
TextBox的Text属性的值是什么,启动的时候TextBox里的值就是什么;
TextBox的ReadOnly属性只读;
HiddenField的值是value;
复合控件:
Radio
RadioButton控件:
Text="男"后面显示的内容
GroupName="aa" 相同的互斥
Checked ="true" 默认选中一项
取值RadioButton.Checked;
RadioButtonList控件:
取值RadioButtonList.SelectValues;
集合数据库取值:
.DataSource绑数据源
.DataTextField;要显示的数据;
.DataValueField;需要隐藏的值;
==============
//判断是不是第一次加载,如果是走,如果不是不走,点击事件不要加到这里面
if (IsPostBack == false) { using (DBDataContext con = new DBDataContext()) { List<Users> ulist = con.Users.ToList(); foreach (Users u in ulist) { ListItem li = new ListItem(u.NickName, u.UserName); RadioBotton.Items.Add(li); } } }
默认互斥
Checkbox控件
和radiobutton一样
CheckeBoxList控件
和radiobottonlist一样
取值:需要遍历
foreach(ListItem li in CheckBoxList.Items)
{
if(li.Selected)
{
label1.text +=li.value+"\";
}
}
Select Option
DropDownList控件
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true"></asp:DropDownList>
和CheckedBoxList一样
取值需要加AutoPostBack="true"
size属性显示多少行;
selectionmode="multiple"属性多选
ListBox控件