JavaScript案例之表单的提交以及删除操作

最新推荐文章于 2022-12-16 15:12:35 发布

却没能成为自己

最新推荐文章于 2022-12-16 15:12:35 发布

阅读量398

点赞数 1

分类专栏： Java JavaScript 学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_15971099/article/details/127237060

版权

这篇博客探讨了如何使用JavaScript处理表单的提交和删除操作，详细介绍了相关源码，并展示了实际运行效果。

摘要由CSDN通过智能技术生成

JavaScript案例之表单的提交以及删除操作

源码：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			table,
			tr,
			th,
			td {
				border: 1px solid #ccc;
			}

			tr {
				height: 40px;
			}

			table {
				border-collapse: collapse;
				width: 630px;
				text-align: center;
				margin: 20px auto;
			}

			thead {
				background-color: yellowgreen;
			}

			fieldset {
				width: 600px;
				margin: 0 auto;
			}

			input {
				height: 20px;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<!-- 第一部分：输入信息 -->
			<fieldset>
				<legend>学生录入系统</legend>
				<p>
					<span>姓名：</span>
					<input type="text" name="username" class="username">
				</p>
				<p>
					<