对按钮，隐藏标签和输入图像的怀疑

Question

我打算在网站上添加一个按钮，这是我的语法。它看起来像这样：

 <button> <image src="add.jpg" width="50" height="10"/> </button>

1）我不想要灰盒子而只需要黄色盒子。我该如何实现？ （如果我在标签外面写'add +'，那么它会出现在灰色框中.Hence'add +'是一个图像。）

2）＆lt; 按钮＆gt;的区别是什么？标签和＆lt; 输入类型=“图片”＆gt;标记，因为它们都创建按钮。我错过了什么吗？

3）＆lt; 输入类型=“隐藏”＆gt;做？你能举个例子。

Answer 1

以下是输入类型＆＃34;隐藏＆＃34;的示例，只需点击＆＃34;运行代码段＆＃34;你会看到隐藏的输入是什么。

＆＃13;

＆＃13;

<input type="hidden" value="iAmHidden"/>

＆＃13;

＆＃13;

＆＃13;

Answer 2

  

1）我不想要灰盒子，只想要黄色盒子。我如何实现   它？ （如果我在标签之外写下＆＃39;添加+＆＃39;则它会显示为灰色   box.Hence＆＃39;添加+＆＃39;是一个图像。）

由您决定如何设置按钮样式。只需通过CSS修改其外观。

  

2）<button>代码与<input type ="image">的区别是什么   标记，因为它们都创建按钮。我错过了什么吗？

它们基本上是两种不同的方式来创建相同类型的元素。引入了button元素，使开发人员的生活更轻松。例如，嵌套元素的可能性。

  

3）<input type="hidden">做了什么？你能举个例子。

隐藏输入是一种存储对用户隐藏的值的方法。例如，当您想要将其他表单值发布到服务器端脚本时。

Answer 3

<input type="image">并没有真正制作按钮，它只是制作一个可点击的图像。它没有被广泛使用，因为坦率地说它不是很有用，它的行为在浏览器之间是不一致的。

使用<button>提交表单时，会将其name和value属性发送回服务器。如果需要，这可以让您知道单击了哪个按钮。

<input type="image">也可以提交表单，但是当你这样做时，会发生不同的事情。您的浏览器不会像使用普通按钮一样发送其名称和值，而是会发送其名称以及您单击图像的位置的坐标。例如，如果单击图像左上角附近，坐标将接近（0,0）。这几乎没用，因为我能想到的唯一情况就是你想要知道的东西，比如交互式地图，无论如何你应该用JavaScript处理客户端。

某些浏览器（如Chrome）还添加<input type="image">名称和值。但由于只有一些浏览器这样做，所以在大多数情况下你都不能依赖它。

Answer 4

.btn1{
    color:black;
    background-color:yellow;
    width:50;
    height:50;
    padding:5px;
}

<button class="btn1">add+</button>