怎样在HTML中插入按钮

1、打开Sublime text3，新建一个HTML文档，并且建立好框架。

2、输入代码：

<table>

      <tr>

          <td>Student</td>

          <td><input type="text" name="student"></td>

      </tr>

      <tr>

          <td>Height</td>

          <td><input type="text" name="height"></td>

      </tr>

      <tr>

          <td colspan=2>

              <input type="button" name="add" value="add">

          </td>

      </tr>

  </table>

设立两行文本输入框，并且提示可以增加的按钮。

3、<table id="mainTable">

为标签加上id方便定位。

4、加上监听事件的函数。

onclick="adding()"

然后连接js文档。

<script src="test.js"></script>

5、function adding(){

  var table = document.getElementById("mainTable")

  var addTr = table.insertRow(2)

}

创建函数，然后设定两个变量。一个用于定位标签位置，另一个增加行数在第二行。测试一下，多次点击确实会往下移动。

6、var addTd = addTr.insertCell()

  addTd.innerHTML = "新增"

除了要增加tr还要增加td，并且增加文本提示。

7、稍微修改一下变量名字。再增加文本输入框。

function adding(){

  var table = document.getElementById("mainTable")

  var addTr = table.insertRow(2)

  var td1 = addTr.insertCell()

  td1.innerHTML = "新增"

  var td2 = addTr.insertCell()

  td2.innerHTML = "<input type='text 'name='newnew' >"

}

8、最后就可以看到按钮了。

<textarea></textarea>用来创建一个可以输入多行的文本框，此标志对用于<form></form>标志对之间。<textarea>具有以下属性：

(1)onchange指定控件改变时要调用的函数

(2)onfocus当控件接受焦点时要执行的函数

(3)onblur当控件失去焦点时要执行的函数

(4)onselect当控件内容被选中时要执行的函数

(5)name这文字区块的名称，作识别之用，将会传及 CGI。

(6)cols这文字区块的宽度。

(7)rows这文字区块的列数，即其高度。

(8)wrap属性 定义输入内容大于文本域时显示的方式，可选值如下：

*默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；

*Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动；

*Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；

*Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

这里列与行是以字符数为单位的。

<button>标签定义一个按钮。

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<button>控件 与 <input type="button">相比，提供了更为强大的功能和更丰富的内容。<button>与 </button>标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

打开一个Excel文档，点击工具栏上的，开发工具选项

选择插入，下拉出来的activex控件，选择第一个按钮，拖动到界面上来

拖动按钮出来，我们需要修改名字和标题，在按钮上点击右键，然后选属性

在d出的属性界面，修改按钮的名称和标题，分别为cmdok,ok

在设计模式下双击按钮，打开代码事件，写上一句d出框代码保存

然后会到编辑界面，点击设计模式，界面就会退出设计模式，这时点击按钮，他就会执行代码

点击一下，就按照我们写的代码d出的okd出来了

---