• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    BUTTON和INPUT的区别
    POST TIME:2021-10-18 08:26

    一句话概括主题: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之外,都是由input>完成。

    我这里说的是button>input>

    button>input>

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

    一些区别

    大家都知道input>可以这样用(实际上是一定要这样用):input type="submit" value="OK" />,一定要这样闭合。而不是:input type="submit" value="OK" >/input>。因为起始标签为必须,而关闭标签是禁止的。

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

    你可以这样写:button>strong>OK/strong>, I do./button>,甚至是插入图片:button>img src="button.gif" alt="" />, it's great./button>。有点类似于input type="image">,但是显然强大多了。

    最后要注意的是,被button>包含的图片,不能使用热点地图,即不能img src="foo.gif" usemap="..." />,这是不合法的。当然也不能再包含诸如input, select, textarea, label, button, form, fieldset, iframe,和isindex(不推荐使用)元素了。

    您可能感兴趣的文章:
    • input、button的不同type值在ajax提交表单时导致的陷阱
    • javascript实现的动态添加表单元素input,button等(appendChild)
    • 在javaScript中关于submit和button的区别介绍
    • 在jQuery ajax中按钮button和submit的区别分析
    • 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
    • input submit、button和回车键提交数据详解
    上一篇:被人遗忘的html tags
    下一篇:一个css 的小问题
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信