精华内容
下载资源
问答
  • input[type=button], input[type=submit], input[type=file], button { cursor: pointer ; -webkit-appearance: none ; } //这是苹果自带的需要清除苹果的样式  

     

    input[type=button], input[type=submit], input[type=file], button { 
            cursor: pointer ; 
           -webkit-appearance: none ;
     } 
    
    //这是苹果自带的需要清除苹果的样式

     

    展开全文
  • HTML中buttoninput button的区别

    千次阅读 2018-07-30 19:54:44
    buttoninput button的区别 一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指 名表单有以下...

    button和input button的区别

    一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。
    

    HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外,都是由完成。

    我这里说的是和。


    规范中指名:可以用和来做表单按扭。不同的按钮类型请参考这些元素的详细定义。要注意的是比支持更丰富的表现功能。

    一些区别
    大家都知道可以这样用(实际上是一定要这样用):,一定要这样闭合。而不是:。因为起始标签为必须,而关闭标签是禁止的。

    比更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里,而是包含在标签中。如:OK。的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。

    你可以这样写:<button><strong>OK</strong>, I do.</button>,甚至是插入图片:<button><img src="http://jianzhong5137.blog.163.com/blog/button.gif" alt="" />, it's great.</button>。有点类似于<input type="image">,但是显然强大多了。 
    
    最后要注意的是,被<button>包含的图片,不能使用热点地图,即不能<img src="http://jianzhong5137.blog.163.com/blog/foo.gif" usemap="..." />,这是不合法的。当然也不能再包含诸如input, select, textarea, label, button, form, fieldset, iframe,和isindex(不推荐使用)元素了。
    

    和 的具体区别

    1、关闭标签设置。禁用关闭标签。闭合的写法:。

      <button>的起始标签和关闭标签都是必须的,如 <button>OK</button>。
    

    2、的值并不是写在value属性里,而是在起始、关闭标签之间,如上面的OK。同时的值很广泛,

     有文字、图像、移动、水平线、框架、分组框、音频视频等。见[《button按钮设计初步》](http://xuhui-8491.blog.163.com/blog/static/8074589120091129113714184/)
    

    3、可为button元素添加CSS样式。

     例如,<button style="width:150px;height:50px;border:0;"></button>
    
     其中:width:150px;height:50px; 为按钮的宽度、高度, 为按钮的背景色,
    
               border:0; 是去掉默认的边框。见[《button按钮设计初步》](http://xuhui-8491.blog.163.com/blog/static/8074589120091129113714184/) 
    

    4、鼠标单击事件、弹出信息的代码可直接写在标签中,方法简单。

      例如,<button onclick="alert('弹出信息的内容');window.open('打开网页的地址')">按钮名称</button>
    
      其中:alert('弹出信息的内容'); 为单击时弹出的信息,window.open('打开网页的地址') 为打开的网页。
    
    展开全文
  • 最近国外有开发者发现Firefox和Opera的一个BUG:无法改变按钮里文字的行高(包括input type=”sumbit”和HTML的button标签)。举个例子,对一个按钮使用以下样式: 复制代码代码如下: input#button { border: 2px ...
  • input:button按钮文字换行

    千次阅读 2020-06-11 13:51:47
    加入换行符,(&#13;&#10;) <input type="button" value="提交&#13;&#10;按钮"/> 就这么简单

    加入换行符,(&#13;&#10;)

    <input type="button" value="提交&#13;&#10;按钮"/>  

     就这么简单

     

    展开全文
  • 1、效果图: 2、js实现: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="/jquery/jquery.js"... //点击按钮后将值赋值给input框 //记录

    1、效果图:

    2、js实现:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
         //点击按钮后将值赋值给input框

    //记录下所点击的input框
       var lastInput = null;
       $(function() {
          var inputs = document.getElementsByTagName("input");
             for (i = 0; i < inputs.length; i++) {
               if (inputs[i].type.toLowerCase() == "text") {
                 inputs[i].onfocus = function () {
                   lastInput = this;
                 }
               }
             }
       });
      //点击按钮进行赋值
       function AddContent(str) {
         if (lastInput) {
           lastInput.focus();
         }
         if (typeof document.selection != "undefined") {
           document.selection.createRange().text = str;
         }
         else {
           lastInput.value = lastInput.value.substr(0, lastInput.selectionStart) + str + lastInput.value.substring(lastInput.selectionStart, lastInput.value.length);
         }
       }
      </script>
    </head>
    <body>
     <form>
      <input id="Text1" type="text" />
      <input id="Text2" type="text" />
      <input id="Text3" type="text" />
      <input id="Text4" type="text" />
      <input id="Text5" type="text" />
      <input id="Text6" type="text" />
      <input type="button" οnclick="AddContent('插入内容')" value="插入" />
      </form>
    </body>
    </html> 

    展开全文
  • 最近在写一个登录页面时,遇到了一个问题,关于表单提交的。 初始代码: ...名:input type="text" name="firstname" size="20">br /> 姓:input type="text" name="lastname" size="20">br /> br
  • 在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己弄了个私有属性,解决方法很简单,遇到类似问题的朋友可以学习下,希望可以帮助到大家
  • 鼠标焦点在input的某个位置上,点击一个button 如何在input焦点的处增加文字![图片说明](https://img-ask.csdn.net/upload/201701/05/1483594564_396392.png) 也就是如何在上一个鼠标焦点处增加文字
  • input type=“button”> 的具体区别 1、关闭标签设置。<input>禁用关闭标签</input>。闭合的写法:<input type=“submit” value=“OK” />。 <button>的起始标签和关闭标签都是必须的...
  • 表单提交:button input submit 的区别

    千次阅读 2015-08-27 00:52:15
    建议使用button[type=submit]来提交表单,而不是input;只有单行文本控件时,回车会引发表单提交;通过onsubmit事件可阻止表单提交。 input[type=submit] 这是最常见的提交方式。不多说了,看图: 图中...
  • button标签和input的type=button的区别 1.button标签显示的内容可以使图片等非文字元素,但type=button元素不行,因为type=button本身就是标签中元素的一个值,不可以像button标签一样嵌套类似img的标签 &lt;...
  • 如果, 有name属性,value值也会被提交的; 3、 标签:html中button只是一个按钮的样式,默认没有提交表单的功能,而...比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。在概念上是不一样的;
  • /* 解决Firefox下input button文字垂直居中 */ input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button...
  • 如题
  • button、a标签、input button的区别

    千次阅读 2017-07-24 18:11:31
    button a标签 input button的区别 适合使用的场景
  • input type="button" ... >相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden ...
  • 怎么让 input button 上的文字 竖排 因为是竖条的按钮
  • 在IE中,button标签与inputbutton有近乎相同的行为,如果不为它指定脚本的话,它什么也不做。在非IE中,buttoninput submit有相近的行为,会提交表单。如果在IE中为button指定type=submit,则其表现也会与input ...
  • input type="button"> 的具体区别 1)关闭标签设置。<input>禁用关闭标签</input>。闭合的写法:<input type="submit" value="OK" />。 <button>的起始标签和关闭标签都是必须的,如 &...
  • 消除inputbutton之间的间距

    千次阅读 2018-06-11 21:47:46
    input父级字体(font-size)设为0px,可以消除间隔,但是得重新设置内联元素(input)的字体大小;2.去掉inputbutton标签之间的空格3.设置input为块元素,并且给一个左浮动效果:原因:input是内联块状元素(inli...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 96,190
精华内容 38,476
关键字:

buttoninput文字位置