精华内容
下载资源
问答
  • winform与web 按钮button去掉边框

    千次阅读 2010-01-28 10:18:00
    WinForm的话 设置Button属性的FlatStyle为Flat,并且设置FlatAppearance的BorderSize为0.如果是Web的话 在Button标签加上style=" border:0px none" 的样式就可以. 

    WinForm的话 设置Button属性的FlatStyle为Flat,并且设置FlatAppearance的BorderSize为0.

    如果是Web的话 在Button标签里加上style=" border:0px none" 的样式就可以.

     

    展开全文
  • WinForm的话 设置Button属性的FlatStyle为Flat,并且设置FlatAppearance里面的BorderSize为0. 如果是Web的话 在Button标签加上style=" border:0px none" 的样式就可以. 转载于:https:/...

    ref:http://blog.csdn.net/wangzh300/article/details/5264316

     

    WinForm的话 设置Button属性的FlatStyle为Flat,并且设置FlatAppearance里面的BorderSize为0.

    如果是Web的话 在Button标签里加上style=" border:0px none" 的样式就可以.

    转载于:https://www.cnblogs.com/leenice/p/4672352.html

    展开全文
  • Bootstrap样式Bootstrap的样式有很多,在使用文档介绍的非常的详细,我在这里介绍几个比较常见的供大家参考:全局样式①按钮有关按钮Bootstrap定义了许多常用的样式,我们可以通过设置class的属性值进行调用,比如...

    Bootstrap样式

    Bootstrap的样式有很多,在使用文档里介绍的非常的详细,我在这里介绍几个比较常见的供大家参考:

    全局样式

    ①按钮

    有关按钮Bootstrap定义了许多常用的样式,我们可以通过设置class的属性值进行调用,比如:

    <button type="button" class="btn btn-default">(默认样式)Defaultbutton><button type="button" class="btn btn-primary">(首选项)Primarybutton><button type="button" class="btn btn-success">(成功)Successbutton> <button type="button" class="btn btn-info">(一般信息)Infobutton> <button type="button" class="btn btn-warning">(警告)Warningbutton><button type="button" class="btn btn-danger">(危险)Dangerbutton>

    页面效果如图所示:

    d89526db9ca56c70558dbd07753ab9dd.png

    ②图片

    关于图片,我们可以设置class="img-responsive",让图片在任意窗口大小都占100%。

    还可以设置图片显示的形状:

    • class="img-rounded":方形

    • class="img-circle":圆形

    • class="img-thumbnail":相框

    效果如图所示:

    2adeb4c054bdb885b9df7a8699f5e455.png

    ③表格

    为任意

    table类可以为其赋予基本的样式:少量的内补(padding)和水平方向的分隔线。

    通过table-striped类可以给

    之内的每一行增加斑马条纹样式。

    添加table-bordered类为表格和其中的每个单元格增加边框。

    通过添加table-hover类可以让

    中的每一行对鼠标悬停状态作出响应。

    比如增加斑马条纹样式如图所示:

    258ae70b0578b10ed5767dca75e855a4.png

    ④表单

    单独的表单控件会被自动赋予一些全局样式。所有设置了form-control类的、和元素都将被默认设置宽度属性为width: 100%。将label元素和前面提到的控件包裹在form-group中可以获得最好的排列。

    比如:

    <form>    <div class="form-group">        <label for="exampleInputEmail1">Email addresslabel>        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">    div>    <div class="form-group">        <label for="exampleInputPassword1">Passwordlabel>        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">    div>    <div class="form-group">        <label for="exampleInputFile">File inputlabel>        <input type="file" id="exampleInputFile">        <p class="help-block">Example block-level help text here.p>    div>    <div class="checkbox">        <label>        <input type="checkbox">Check me outlabel>    div>    <button type="submit" class="btn btn-default">Submitbutton>form>

    效果如图所示:

    2743fb2cefab3e5f836f2a02b779c64c.png

    组件

    组件我只介绍两种最常用的:头部导航条和尾部分页条。

    ①导航条

    导航条是在应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。

    最常用的导航条如下所示:

    44baab2481b6ca36e173652b627e057d.png

    它包含了链接、下拉菜单、搜索框等元素。代码如下所示,初学者能够读懂,知道如何修改代码即可。

    class=    <div class="container-fluid">        <div class="navbar-header">            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">                <span class="sr-only">Toggle navigationspan>                <span class="icon-bar">span>                <span class="icon-bar">span>                <span class="icon-bar">span>            button>            <a class="navbar-brand" href="#">Branda>        div>        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">            <ul class="nav navbar-nav">                <li class="active"><a href="#">Link<span class="sr-only">(current)span>a>li>                <li><a href="#">Linka>li>                <li class="dropdown">                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret">span>a>                    <ul class="dropdown-menu">                        <li><a href="#">Actiona>li>                        <li><a href="#">Another actiona>li>                        <li><a href="#">Something else herea>li>                        <li role="separator" class="divider">li>                        <li><a href="#">Separated linka>li>                        <li role="separator" class="divider">li>                        <li><a href="#">One more separated linka>li>                    ul>                li>            ul>            <form class="navbar-form navbar-left" role="search">                <div class="form-group">                    <input type="text" class="form-control" placeholder="Search">                div>                <button type="submit" class="btn btn-default">Submitbutton>            form>            <ul class="nav navbar-nav navbar-right">                <li><a href="#">Linka>li>                <li class="dropdown">                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret">span>a>                    <ul class="dropdown-menu">                        <li><a href="#">Actiona>li>                        <li><a href="#">Another actiona>li>                        <li><a href="#">Something else herea>li>                        <li role="separator" class="divider">li>                        <li><a href="#">Separated linka>li>                    ul>                li>            ul>        div>    div>nav>

    ②分页条

    这个简单的分页组件,用在应用或搜索结果中超级棒。组件中的每个部分都很大,有点事容易点击、易缩放、点击区域大。

    链接在不同情况下可以定制。你可以给不能点击的链接添加disabled类、给当前页添加active类。

    最简单的分页条如图所示:

    4b0c325e0d0466938a16f6e8c3042f11.png

    代码如下所示:

    <nav>    <ul class="pagination">        <li class="disabled">             <a href="#" aria-label="Previous"> <span aria-hidden="true">«span> a>        li>        <li class="active"><a href="#">1a>li>        <li><a href="#">2a>li>        <li><a href="#">3a>li>        <li><a href="#">4a>li>        <li><a href="#">5a>li>        <li>             <a href="#" aria-label="Next"> <span aria-hidden="true">»span> a>        li>    ul>nav>

    JS插件

    JS插件我只介绍一个最简单的轮播图,先上代码:

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">        <ol class="carousel-indicators">        <li data-target="#carousel-example-generic" data-slide-to="0" class="active">li>        <li data-target="#carousel-example-generic" data-slide-to="1">li>        <li data-target="#carousel-example-generic" data-slide-to="2">li>    ol>        <div class="carousel-inner" role="listbox">        <div class="item active">            <img src="img/banner_1.jpg" alt="...">        div>        <div class="item">            <img src="img/banner_2.jpg" alt="...">        div>        <div class="item">            <img src="img/banner_3.jpg" alt="...">        div>    div>        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true">span>        <span class="sr-only">Previousspan>    a>    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">span>        <span class="sr-only">Nextspan>    a>div>

    这个代码主要分成三个部分:第一部分是无序列表,点击即可跳到对应的图片,具体实现不重要;第二部分是设置相应的图片,更改src属性即可;第三部分是左右的两个翻页,具体实现也不用管,会用这段代码就行。

    68c83df0be905126acbc8d4a981e7d64.pngc298b7d3d98e22ace3380aab41a96418.png68c83df0be905126acbc8d4a981e7d64.png
    展开全文
  • 作者:活靶子[原创] 出处:AspxBoy.Com经常在论坛看到类似这样的问题:“…如何在...思路如下:继承System.Web.UI.WebControls.Button控件增加一个属性“ConfirmMessage”来表示弹出确认框上面的提示信息。在服务器
    作者:活靶子[原创]       出处:AspxBoy.Com
    经常在论坛里看到类似这样的问题:“…如何在点击删除按钮的时候弹出个确认删除对话框”。

    下面我们来自己写一个这样的自定义Web服务器控件!

    思路如下:

    继承System.Web.UI.WebControls.Button控件

    增加一个属性“ConfirmMessage”来表示弹出确认框上面的提示信息。

    在服务器控件呈现在页面之前把一段javascript写到页面

    内容如下:

    <script language="JavaScript">

    <!--

    function _doAspxBoyConfirm()

    {

    return confirm("你确认删除/保存吗??")

    }

    //-->

    </script>

    查一下msdn中对于Control.OnPreRender 方法的描述

    可以得到“此方法通知服务器控件在保存视图状态和呈现内容之前,执行任何必要的预呈现步骤”.

    所以我们只要在OnPreRender方法内 用Page.RegisterClientScriptBlock把这段javascript发送到客户端,并且给Button. Attributes属性内添加一个“onclick”的客户端属性对应值为: "return _doAspxBoyConfirm()”.

    详细情况可以查阅

    ms-help://MS.VSCC.2003/MS.MSDNQTR.2003FEB.2052/cpref/html/frlrfsystemwebuiwebcontrolswebcontrolclassattributestopic.htm

    这样一个具有ConFirm功能的Button就基本上建立起来了。

    新建一个测试该控件的工程

    在工具箱上点右键选择“添加/移除项”,点击浏览选择编译好的dll文件,点击确定,你会发现ConFirmButton已经添加到工具箱内了

    将其托到一个Aspx页面内 在属性设置内给ConfirmMessage值为你要的弹出框内容比如“确定删除吗?”,按F5运行。

    当点该按钮时会弹出一个confirm对话框询问“确定删除吗?”,如果点击确定则执行button的Button_Click事件,如果点击取消则不执行。

    你可以查看他生成的html代码,以加深对该控件工作原理的理解

    完整的代码如下:

    using System;

    using System.Web.UI;

    using System.Web.UI.WebControls;

    using System.ComponentModel;

    using System.Text;



    namespace AspxBoy.Com.ConfirmButton

    {

    /// <summary>

    /// Button点击时会弹出一个对话框要求确认

    /// </summary>

    public class ConfirmButton : System.Web.UI.WebControls.Button

    {

    private string _confirmMessage;

    /// <summary>

    /// 当客户端点击此Button时弹出的提示消息筐的内容

    /// </summary>

    public string ConfirmMessage

    {

    get

    {

    return _confirmMessage;

    }



    set

    {

    _confirmMessage = value;

    }

    }



    protected override void OnPreRender(System.EventArgs e)

    {

    StringBuilder sb = new StringBuilder();

    sb.Append("<script language=/"JavaScript/">");

    sb.Append(System.Environment.NewLine);

    sb.Append("<!--");

    sb.Append(System.Environment.NewLine);

    sb.Append("/*--------------------------------------------");

    sb.Append(System.Environment.NewLine);

    sb.Append("ControlName:/t/tAspxBoy.Com.ConfirmButton");

    sb.Append(System.Environment.NewLine);

    sb.Append("AuthorName:/t/t/tHuobazi,WuMeibo");

    sb.Append(System.Environment.NewLine);

    sb.Append("CopyRight:/t/t/twww.AspxBoy.Com");

    sb.Append(System.Environment.NewLine);

    sb.Append("---------------------------------------------*/");

    sb.Append(System.Environment.NewLine);

    sb.Append("function _doAspxBoyConfirm()");

    sb.Append(System.Environment.NewLine);

    sb.Append("{");

    sb.Append(System.Environment.NewLine);

    sb.Append("return confirm(/"");

    sb.Append(ConfirmMessage);

    sb.Append("/")");

    sb.Append(System.Environment.NewLine);

    sb.Append("}");

    sb.Append(System.Environment.NewLine);

    sb.Append("//-->");

    sb.Append("</script>");

    Page.RegisterClientScriptBlock("_doAspxBoyConfirm",sb.ToString());

    this.Attributes.Add("onclick","return _doAspxBoyConfirm()");

    base.OnPreRender(e);

    }

    public override void RenderBeginTag(HtmlTextWriter writer)

    {

    writer.WriteLine();

    writer.Write("<!-------------------");

    writer.Write("AspxBoy.Com.ConfirmButton Start");

    writer.Write("/tAuthorName: /tHuobazi");

    writer.WriteLine(" --------------------->");

    writer.Write("<!-------------------- ");

    writer.Write("Copyright:2004 Huobazi(www.AspxBoy.com)");

    writer.Write(" ---------------------");

    writer.WriteLine(">");

    base.RenderBeginTag(writer);

    }

    public override void RenderEndTag(HtmlTextWriter writer)

    {

    base.RenderEndTag(writer);

    writer.WriteLine();

    writer.Write("<!------------------------------- ");

    writer.Write("AspxBoy.Com.ConfirmButton End");

    writer.Write(" --------------------------------");

    writer.WriteLine(">");

    writer.WriteLine();

    }

    }

    }
    展开全文
  • Web语义化标准解读

    2020-11-25 23:26:16
    文末给自己挖了个坑说要聊聊Web语义化,跳票至今😂。16年第一篇用来填坑好了! 什么是语义化 <p>The Semantic Web provides a common framework that allows data to be shared and reused ...
  • webapi day1

    2018-08-19 14:36:58
    元素(element):页面所有标签 节点(node):页面中所有内容 文档:一个页面就是一个文档 2、点击弹框 //先有按钮,才有获取,获取之后才能注册 &lt;input type="button" value="按钮&...
  •  一个id的linkbutton的属性操作,也就是在点击时可以用操作属性,相当于操作了他的方法,属性要用{}:enable add button  由于所有的linkbutton都是放在a标签,所以a.easyui-linkbutton所的是所有linkbutton类...
  • 我们做一个测试的web页面,只需要一个button+一个label就ok啦,通过button按钮的后台事件修改label的text属性值来测试是否执行了后台事件的代码 前台 写一个js方法: <script type="text/javascript">...
  • Bootstrap样式Bootstrap的样式有很多,在使用文档介绍的非常的详细,我在这里介绍几个比较常见的供大家参考:全局样式①按钮有关按钮Bootstrap定义了许多常用的样式,我们可以通过设置class的属性值进行调用,比如...
  • 学写一个可以弹出确认对话框的Web控件经常在论坛看到类似这样的问题:“…如何在点击删除按钮的时候弹出个确认删除对话框”。下面我们来自己写一个这样的自定义Web服务器控件!思路如下:继承System.Web.UI....
  • 思路如下: 继承System.Web.UI.WebControls.Button控件 增加一个属性“ConfirmMessage”来表示弹出确认框上面的提示信息。 在服务器控件呈现在页面之前把一段javascript写到页面 内容如下: function _d
  • 1. 找到ueditor中ueditor.config.js 修改serverUrl属性值, serverUrl: URL + "jsp/controller.jsp" toolbars定义的是编辑器显示的button 按钮组 2.将ueditor/jsp中lib下的jar拷贝到WEB——INF下的lib下ueditor....
  • 点滴

    2010-12-16 16:12:45
    1.给按钮添加提示如果在C#中用一个tooltips控件,再在form_load,写tooltips.SetToolTip (this.button1, "按用户 "); 如果是WebForm,那么在按钮的title属性里写“按用户”即可。如果是WEB窗体控件(ASP),属性是...
  • ASP.Net 用户控件

    2018-04-09 10:30:14
    一、什么是用户控件 用户控件是能够在其中放置标记和Web服务器控件的容器,拥有自己的属性和 方法,并可被放入到ASPX页面上。二、使用方法第一:首先先创建一个Web用户控件界面第二:创建自己所需要的控件(下面是一...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"> 四大标准属性: 1、id :定义元素在页面中独一无二的...
  • CuteEditor v 6.6 含KeyGen注册机

    热门讨论 2010-05-31 00:37:45
    给CuteSoft_Client/CuteEditor/Help下的default.aspx的添加能解决点击工具栏的插入样板按钮也弹出的错误页面。若点击其他工具栏也弹出同样的错误,可以右键错误页面,查看该页面的路径,修改在CuteSoft_Client...
  • 与上面操作相同,不同的是在进行到“窗口属性”定义操作时,在[General]中指定 chm 文件标题栏中的文字“test2---带功能按钮的 chm 文件”,在[Button]中指定欲在 chm 文件的按钮区中显示的按钮如图(6)。...
  • asp.net知识库

    2015-06-18 08:45:45
    Click button only once in asp.net 2.0 Coalesys PanelBar + R.a.d Treeview +Xml 构建的Asp.net 菜单和权限管理模块 突破屏蔽限制,自己的网站使劲弹新IE窗口 对页面SCROLLING的CSS不能生效原因 .Net 中IE使用...
  • 对应的代码为 <code>learnlaravel5/app/Http/Kernel.php</code> 的 $middlewareGroups</code> 属性里的 <code>\App\Http\Middleware\VerifyCsrfToken::class</code> 值。 <p><code>{!! csrf_field() !!}</code> ...
  • 自动播放属性也将被忽略。 示例场景: 示例1:每次用户在他们的笔记本电脑上访问www.iqiyi.com时,他们都会观看电视节目或电影。由于其媒体参与度较高,因此可以自动播放。 示例2:...
  • //上传到服务器,服务器返回相应信息到data 'onUploadSuccess':function(file, data, response){ //alert(data); } }); }); function doUplaod(){ $('#file_upload').uploadify('upload','*'); ...
  • 然后在web server中查看index.html即可,如果没什么问题应该就能看到header及footer已经渲染到了相应的节点 事件处理 我们增加一个登录按钮,及点击按钮处理登录相关的事情。事件这块你可以用jquery的...

空空如也

空空如也

1 2 3 4
收藏数 65
精华内容 26
关键字:

web里button按钮属性