怎样在HTML中插入按钮

怎样在HTML中插入按钮,第1张

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、最后就可以看到按钮了。

遇到喜欢的网页怎么办?当然是收藏啦!那么该如何收藏呢?这里你将获知答案!如果经验对您有用,请给我投票哦!

1、我们打开浏览器后,在打开需要收藏的页面,意思就是说我们的处于将要被收藏的网页页面上!我这里以百度为例。

2、我们在网页的工具栏中,找到【书签】字样的选项。然后点击它

3、然后点击书签菜单里面的【添加书签】按钮。这个按钮就具备能把你当前的页面收藏起来的作用

4、我们设置好把该网页添加的位置和显示的名称后,点击【添加】按钮,这样,我们就成功的把该网页收藏起来啦!

5、然而,如果你不确定网页真的被收藏了,那么:把鼠标移动到网页的左上方,找到一个像眼镜的图标,然后点击它旁边的长得像翻开的书的图标。为什么我要说眼镜旁边?因为那本书真的不像书!

6、点开后,我们点击【书签栏】,默认是给我们显示的【历史记录】,所以我们才需要点开【书签栏】这个位置。

7、然而,书签栏中的书签列表里面,就有,就会显示我们以前收藏过的书签了,有些事系统默认给你收藏的书签。可以在对应的网站上点击鼠标右键--->删除。来删掉不要的收藏网址。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11932074.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存