表单元素,简单控件,复合控件

Posted _Iniesta

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单元素,简单控件,复合控件相关的知识,希望对你有一定的参考价值。

十二个表单元素:

文本类:

<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控件

 

以上是关于表单元素,简单控件,复合控件的主要内容,如果未能解决你的问题,请参考以下文章

webform简单控件与复合控件

Android 片段与复合控件

1014 简单控件和复合控件

webform复合控件

2017-5-20传值基础 复合控件

webform简单控件和复合控件