首先回忆一下Html页中的12个表单元素

 1 .文本类
文本框 <input type="text" id="" name="" value="" />
密码框 <input type="password" id="" name="" value="" />
文本域 <textarea id="" cols="字符多少" rows="几行高"></textarea>
5 隐藏域 <input type="hidden" name="" id="" value="" />
.按钮类
提交按钮<input type="submit" disabled="disabled" value="提交" />
重置按钮<input type="reset" value="" />
普通按钮<input type="button" />
图片按钮<input type="image" src="图片地址"/>
.选择输入
单选按钮<input type="radio" name="" checked="checked" value=""/>
name 的值用来分组 value提交给程序用 checked 设置默认选择项
复选框组<input type="checkbox" name="" value=""/>
下拉列表<select name="" id="" multiple="multiple" size="">
<option value="">内容</option>
<option selected="selected"></option>
</select>
multiple设置为多选 size=1为菜单>为列表selected 设置默认选择项
文件上传<input type="file" />

在Web端开发过程中控件

文本类

1.Label 控件

     作用: 用于在页面上显示文本 。
语法: <asp:Label ID="控件名" runat="server" Text="显示的文本"></asp:Label>
Label控件Text属性为显示文本。AssociatedControlID属性用来关联一个控件,如果为空的话会展示为一个<Span>,如果指定为一个控件的id,则会展示为一个HTML中的<Label>并且将for属性设置为被关联控件的ClientId。

2.Literal

     语法:<asp:Literal ID="Literal1" runat="server"></asp:Literal>
不渲染任何标签,设置Mode属性为Encode,避免xss攻击。
Literal控件也是展示一段文本,但是Literal控件不会渲染任何额外的标签,就是将Text属性的值展示出来而已。

3.TextBox控件

  语法: <asp:TextBox ID="TextBox1" PlaceHolder="请输入**内容" runat="server" TextMode="MultiLine"></asp:TextBox>
设置TextMode的值改变他的样式 MultiLine 文本域 Password 密码框 Number选择数字
PlaceHolder属性 给TextBox加上水印非常好用

4.HiddenField控件 编译为隐藏域 值放在属性Value里面。 

按钮类

1 语法: <asp:Button ID="Button1" runat="server" Text="Button" /> 编译为submit
语法:<asp:ImageButto ID="ImageButton1" runat="server" /> 编译为image
语法:<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> 超链接类行的按钮

选择输入类

 单选按钮
语法:<asp:RadioButtonList ID="RadioButtonList1 runat="server"></asp:RadioButtonList>
复选框组
语法:<asp:CheckBoxList ID="CheckBoxList1" runat="server"></asp:CheckBoxList>
下拉列表
语法:<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
  能多选的下拉列表
  语法: <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
页面中点击鼠标右键 选择查看代码编辑他的绑定数据,以DropDownList1为例代码结构如下:
    DropDownList1.DataSource=数据源指向
DropDownList1.DataTextField= 显示的数据
DropDownList1.DataValueField= 后台数据
DropDownList1.DataBind();数据绑定

文件上传

语法;<asp:FileUpload ID="FileUpload1" runat="server"  accept=".jpg,.jpeg,.png" />
它是用来选择要上传的文件,还需要一个确定按钮来将选中的文件上传到服务器上
accept=".jpg,.jpeg,.png"限制可以选择的文件类型

FileUpload优化使用功能

1.防止重名,或是同一时间多个人同时上传同一名称文件 可以定义上传到路径名称来区分

 string path = "Uploads/" + DateTime.Now.ToString("yyyy年MM月dd日hh时ss分mm秒") + Request.Cookies["ures"].Value + FileUpload1.FileName;

2.可以上传大文件 默认是4MB=4096KB

扩容方法:

Web.config中的system.web标记中加上  <httpRuntime maxRequestLength="扩大的长度" />

 <?xml version="1.0" encoding="utf-8"?>

 <!--
有关如何配置 ASP.NET 应用程序的详细信息,请访问
http://go.microsoft.com/fwlink/?LinkId=169433
--> <configuration> <system.web>
<compilation debug="false" targetFramework="4.0" />
<httpRuntime maxRequestLength="" />
</system.web> </configuration>

注意!!!!

不要扩的太大,因为如果多人同时上传大文件,可能会造成服务器内存溢出,导致服务器崩溃。

3.超过上传要求的大小,阻止上传并提示文件过大 c#端限制如果文件超过了最大长度,C#端是限制不住的,会直接将程序崩溃 用Js端进行限制,代码如下

 document.getElementById("确定上传按钮ID").onclick = function () {
//取出上传元素
var fi1 = document.getElementById("FileUpload1");
//判断是否有选中的文件
if (fi1.value.length <= ) {
alert('请选择要上传的文件!');
return false;
}
else {
//验证选中的文件长度是否满足条件
if (fi1.files[].size > ( * * ))
{
alert('文件过大,不允许上传!');
return false;
}
}
};

常用的WebForm 控件的更多相关文章

  1. 将开始我的WebForm控件开发之旅

    时间总是过得很快,一转眼三个月就过去了,三个月内发生了很多的事.因为学校的学习,离开了我入门WPF的公司:开发了第一个外包项目,做的是WebForm的:而且了马上要毕业了,毕业后的公司应该是专门用We ...

  2. 常用的UI控件

    关于本文:作为一名iOS软件工程师,熟练规范的使用常用的UI控件是必备的基础技能. 指示器(UIActivityIndicatorView)----转动的等待小菊花 提醒对话框(UIAlertView ...

  3. UWP开发必备:常用数据列表控件汇总比较

    今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...

  4. WebForm控件Repeater

    我们会发现用拼接字符串来显示一个查询非常的麻烦,有一个控件Repeater帮助你,省去写Foreach LinQ to SQL类 函数类: using System; using System.Col ...

  5. 【读书笔记《Android游戏编程之从零开始》】6.Android 游戏开发常用的系统控件(TabHost、ListView)

    3.9 TabSpec与TabHost TabHost类官方文档地址:http://developer.android.com/reference/android/widget/TabHost.htm ...

  6. 【读书笔记《Android游戏编程之从零开始》】3.Android 游戏开发常用的系统控件(Button、Layout、ImageButton)

    3.1 Button Button这控件不用多说,就是一个按钮,主要是点击后进行相应事件的响应. 给组件添加ID属性:定义格式为 android:id="@+id/name",这里 ...

  7. 我教女朋友学编程Html系列(6)—Html常用表单控件

    做过网页的人都知道,html表单控件十分重要.基本上我们注册会员.登录用户,都需要填写用户名.密码,那些框框都是表单控件. 本来今天就想写一些常用的html表单控件,于是开始搜资料,找到了一个网页,作 ...

  8. 常用的Activex 控件

    1. Flash Player  ActiveX Control 6.0.47.0 与FLASH 6.0配套的浏览器端动画播放插件                  download.pchome.n ...

  9. WebForm 控件(一)、连接数据库

    一.控件 [简单控件] (一)文字显示 1.Label → 在html中相当于span  <asp:Label ID="控件名 runat="server" Tex ...

随机推荐

  1. 使用ReSharper打造团队代码检查流程

    首先我想跟大家分享一下我们团队的代码检查流程. 1. 项目经理随时会检查成员的代码,如果发现有不符合规范的代码,会在注释里面加todo.比如,假设leo的代码不符合规范,那么项目经理就会加注释: // ...

  2. Verlet-js JavaScript 物理引擎

    subprotocol最近在Github上开源了verlet-js.地址为https://github.com/subprotocol/verlet-js.verlet-js是一个集成Verlet的物 ...

  3. WCF wsHttpBinding之Transport security Mode, clientCredentialType=”Basic”

    原创地址:http://www.cnblogs.com/jfzhu/p/4071342.html 转载请注明出处 如何在WCF中使用Transport Security Mode,以及如何创建证书,请 ...

  4. 解决 Visual Studio 2017 RC 不兼容低版本 Visual Studio 创建的 MVC 4 项目的问题

    1.使用文本编辑器(如Visual Studio Code 或 notepad)打开 MVC 4 项目的 .csproj 文件 2.找到代码(可能会有不同)<ProjectTypeGuids&g ...

  5. Module-Zero之组织单元(OU)管理【新增】

    返回<Module Zero学习目录> 概览介绍 OrganizationUnit实体 OrganizationUnit管理者 公共用例 设置 概览介绍 组织单元(Organization ...

  6. .NET 基础 一步步 一幕幕 [.NET 简介]

    .NET 简介 .NET是 Microsoft XML Web services 平台.是微软用来实现XML,Web Services,SOA(面向服务的体系结构service-oriented ar ...

  7. iOS开发——高级技术&本地化与国际化详解

    本地化与国际化详解 效果如下:   英语:                                                                    中文: 具体实现如下: ...

  8. 设计模式之里氏代换原则(LSP)

    里氏代换原则(Liskov Substitution Principle, LSP) 1 什么是里氏代换原则 里氏代换原则是由麻省理工学院(MIT)计算机科学实验室的Liskov女士,在1987年的O ...

  9. python的shutil模块

    shutil模块提供了大量的文件的高级操作.特别针对文件拷贝和删除,主要功能为目录和文件操作以及压缩操作 1.复制文件 def copy(src, dst): """Co ...

  10. Sql Server系列:嵌套查询

    嵌套查询是指一个查询语句嵌套在另一个查询语句内部的查询.嵌套查询也就子查询,在SELECT子句中先计算子查询,子查询结果作为外层另一个查询的过滤条件,查询可以基于一个表或多个表.子查询中可以使用比较运 ...