002表单与表格增删改

最新推荐文章于 2024-10-09 00:58:21 发布

wow_DG

最新推荐文章于 2024-10-09 00:58:21 发布

阅读量391

点赞数 5

文章标签： javascript html5 css

本文链接：https://blog.csdn.net/2301_77798916/article/details/140589863

版权

题目要求描述

表单提交功能：每次表单提交信息成功，表格头增加一行信息。

表格更新功能：点击表格 update(更新) 内容，数据回显表单，在表单内修改内容，如：sleep --> wakeup ; 点击提交后，表格内容更新。

表格删除功能：点击表格 delete(删除) 内容，显示弹窗，点击确定删除该行数据。

题目完成

1. 题目分析

表单提交信息为前三个表格单元内容，表单第四项则是第三项的网址链接。

2. 准备材料

html准备：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 引入css -->
    <link rel="stylesheet" href="css/member.css" />
  </head>
  <body>
    <div class="big">
      <div class="content">
        <div class="right">
          <div class="interest">
            <div>
              <table border="0" cellspacing="0">
                <thead>
                  <tr>
                    <th>Anything</th>
                    <th>Idea</th>
                    <th>Place</th>
                    <th>Update</th>
                    <th>Delete</th>
                  </tr>
                </thead>
                <tbody class="tbody">
                  <tr id="hello">
                    <td>sleep</td>
                    <td>