在html里面怎么为一个按钮添加图片

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。

2、在indexhtml中的标签中，加入样式代码：style="background:url(small2png);width:150px;height:60px"。

3、浏览器运行indexhtml页面，此时按钮被成功添加了。

创建一个简单的input标签实现网页上的输入框效果。

添加输入框的步骤如下：

<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

工具：编辑器、浏览器

1、创建一个简单的input标签实现网页上的输入框效果，代码如下：

1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />

2、以上代码中type=text是文本的输入框，type=submit是一个提交按钮，运行的效果如下图：

添加多个输入框的方法如下：

<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px;">
<!-- 这里是一个模版，追加的时候用来克隆的。 -->
$('#addBtn')bind('click', function() {
var input_ = $("#input_template")clone();
$("#input_container")append(input_);
});
<!-- 需要注意的是，在追加的时候，或者追加之后，把追加元素imput的name和id重置一下。 -->

创建一个简单的input标签实现网页上的输入框效果。

添加输入框的步骤如下：

<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

工具：编辑器、浏览器

1、创建一个简单的input标签实现网页上的输入框效果，代码如下：

1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />

2、以上代码中type=text是文本的输入框，type=submit是一个提交按钮，运行的效果如下图：

添加多个输入框的方法如下：

<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px;">
<!-- 这里是一个模版，追加的时候用来克隆的。 -->
$('#addBtn')bind('click', function() {
var input_ = $("#input_template")clone();
$("#input_container")append(input_);
});
<!-- 需要注意的是，在追加的时候，或者追加之后，把追加元素imput的name和id重置一下。 -->