jsp如何设计复杂表格

 时间:2024-10-14 17:07:30

1、打开我们的编辑器,新建一个HTML文件,然后编写基本的结构。

jsp如何设计复杂表格

2、创建一个新的JS文件,并且用script标签来链接HTML文档。

jsp如何设计复杂表格

3、<form action=""><input id="createTable" t烤恤鹇灭ype="button" value="创建表格"><br /><input type="text" value="创建表头"><input id="createHead" type="button" value="创建表头"><br /><input type="text" value="创建内容"><input id="createContent" type="button" value="创建内容"></form>这里创建按钮和输入框,为了方便等一下进行点击后创建表格。

jsp如何设计复杂表格jsp如何设计复杂表格

4、<table><th></th><th></th><th></th><tr></tr><tr></tr><tr></tr></table>然后我们这里创建一个简单的表格框架作为示范。

jsp如何设计复杂表格

5、var createHead = document.getElementById("createHead"像粜杵泳);createHead.addEventListener("click", function(){ var newRow = document.createElement("tr"); var newValue = document.getElementsByTagName("input")[1]; newRow.appendChild(newValue) var position = document.getElementsByTagName("th")[0]; position.appendChild(newRow);})这里创建JS代码,我们这里示范一下,通过输入内容,并且点击按钮,这样就可以向表格里的th输入内容。

jsp如何设计复杂表格

6、然后我们测试一下,输入内容,并且点击一下设置好的按钮,下面就会自动生成表头了。

jsp如何设计复杂表格jsp如何设计复杂表格jsp如何设计复杂表格
  • Navicat for mysql的使用教程
  • MySQL忘记密码怎么办
  • css中如何实现button垂直居中
  • navicat怎么连接mysql
  • jsp文件如何添加图片?
  • 热门搜索
    princess是什么意思 用艾叶泡脚有什么好处 audience是什么意思 summary是什么意思 运动图标 蚂蚁森林有什么用 什么什么无什么 商祺是什么意思 coo是什么意思 干物女是什么意思