HTML如何做一个可以编辑的表格？

发布时间：2023-10-20 09:01来源：www.sf1369.com作者：宇宇

一、HTML如何做一个可以编辑的表格？

方法1：插入—表格—选择行数和列数，生成表格后，会出现“表格工具”—“设计”，可设计表格样式，颜色、边框、字体等等，表格设计好后添加文字内容；

方法2：先输入文字内容，再插入表格（不同单元格的内容可以用空格隔开）；然后再同方法1一样设计表格样式，“表格工具”—“设计”；

二、记事本html表格怎么做？

用记事本是熟悉html标签的做好的方法

打开记事本，写代码就好了

一般html都是

这里在IE顶部标题栏显示

这里在浏览器窗口显示。

把上面代码写好后，你就可以保存ctrl+S，保存为文件名.html例如web.html，底下文件类型选全部。

这样你就会看见在你保存的地方出现一个IE文件，双击就是你的网页。

三、如何用html5来创建一个简单的Web表单，其中包含姓名、电子邮件地址和提交按钮，使用HTML5

用html5的localStorage方法就可以实现本地存储

<!DOCTYPE html>

<head>

</head>

<body>

document.getElementsByTagName(input)[2].onclick = function () {

var _name = document.getElementsByTagName(input)[0].value

var _age = document.getElementsByTagName(input)[1].value

localStorage.setItem(name, _name);

localStorage.setItem(age, _age);

}

</script>

</body>

</html>需要配置服务端，本地运行无效

四、html，如何用循环创建4个表格，急！

</div>

//创建表格

function createTable(id,rows,cells,tbid){

var tb=document.createElement(table);

var tbody = document.createElement(tbody);

for(var i=0;i<rows;i++){

var tr=document.createElement(tr);

for(var j=0;j<cells;j++){

var cell=document.createElement(td);

tr.appendChild(cell);

}

tbody.appendChild(tr);

}

tb.appendChild(tbody);

tb.setAttribute(id,tbid);//设置创建的TABLE的ID

document.getElementById(id).appendChild(tb);

}

for(i=0;i<4;i++){

tdid=aaa_+i.toString();//表格id

createTable(aaa,2,2,tdid);//创建2行2列的表格

document.getElementById(tdid).setAttribute('border',1);//显示表格表框

}