第3章 表格布局与表单交互作业

于 2024-09-27 21:43:57 发布
阅读量24 收藏
点赞数
文章标签： 交互 microsoft javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80799126/article/details/142602972
版权

代码展示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>计算机布局</title>
	</head>
	<body>
		<table width="660px" align="center" border="1px">
			<tr>
				<td bgcolor="#aaaa7f">
					<table width="100%" border="1">
						<tr align="center" valign="middle" border="2px"><img src="img/1.bmp"/></tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="1">
						<tr height="100" width="100%"></tr>
					</table>
				</td>
			</tr>
			<tr>
				<td bgcolor="#aaaa7f">
					<table width="100%" border="1" height="200px" cellpaddding="0px" cellspacing="50px">
						<tr align="center">
							<td width="25%">1</td>
							<td width="25%">2</td>
							<td width="25%">3</td>
							<td width="25%">+</td>
						</tr>
						<tr align="center">
							<td>4</td>
							<td>5</td>
							<td>6</td>
							<td>-</td>
						</tr>
						<tr align="center">
							<td>7</td>
							<td>8</td>
							<td>9</td>
							<td>*</td>
						</tr>
						<tr align="center">
							<td>0</td>
							<td>=</td>
							<td>CE</td>
							<td>/</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

图片展示：

代码展示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录界面</title>
		<style>
			fieldset{
				width: 120px;
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<form>
			<!-- 给表单开辟一块区域 -->
			<fieldset>
				<!-- 表单标题 -->
				<legend align="center">用户注册信息</legend>
				<table width="300px" border="0" align="center" cellpaddding="0" cellspacing="0">
					<tr>
						<td width="200" align="right">用户名：</td>
						<!-- 设置单行文本输入框 -->
						<td><input type="text" name="textfield" id="textfield"/></td>
					</tr>
					<tr>
						<td width="200" align="right">密码：</td>
						<td><input type="password" name="password" id="password"/></td>
					</tr>
					<tr>
						<td width="200" align="right">类型：</td>
						<td>
							<input type="radio" name="radio" id="radio" value="radio"/>管理员
							<input type="radio" name="radio" id="radio2" value="radio2"/>普通用户
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="checkbox" name="checkbox" value="checkbox"/>记住密码
							<input type="checkbox" name="checkbox2" value="checkbox2"/>自动登录
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<!-- 设置提交框 -->
							<input type="submit" name="button" id="button" value="提交"/>
							<!-- 设置重置框 -->
							<input type="reset" name="button2" id="button2" value="重置"/>
						</td>
					</tr>
				</table>
			</fieldset>
		</form>
	</body>
</html>

图片展示：

冰影千雪
关注
网页设计与制作教程(HTMLCSSJavaScript)第2版第3章网页布局与交互.pptx
11-12
"网页设计与制作教程(HTML、CSS、JavaScript)第2版第3章网页布局与交互" 本资源主要讲解网页设计与制作中的网页布局与交互相关知识点，涵盖了表格的基本概念、表格的修饰、表格的跨行跨列、表单的工作机制、表单...
表格布局与注册表单1
08-08
【表格布局与注册表单1】的知识点主要集中在HTML网页设计和前端开发上，特别是涉及到表格布局、表单元素以及用户交互的设计。以下是对这些知识点的详细解释： 1. **表格布局**：在HTML中，`<table>`标签用于创建...
第三章 表格布局与表单交互
2301_81876587的博客
09-19 1022
表格是展示结构化数据的有效工具。通过使用 HTML 的表格标签，可以创建出既美观又功能强大的表格。在设计表格时，应考虑语义化、样式和可访问性，以确保表格对所有用户都是友好的。
第3章 表格布局与表单交互
最新发布
2302_80572539的博客
09-26 1114
利用 fieldset标记可以在网页上定义域，在表单中使用域可以将表单的相关元素进行分组，fieldset标记将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 fieldset标记内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者可创建一个子表单来处理这些元素。legend标记为fieldset标记定义域标题。（每一个fieldset表示一个区域）语法：<form><fieldset>
第6章 Dreamweave中表格和表单的应用.pptx
09-21
在网页设计中，表格和表单是至关重要的元素，它们在Dreamweaver中扮演着页面布局和信息交互的角色。本章主要介绍了如何在Dreamweaver 8.0中有效地运用表格和表单。 首先，表格是网页布局的基础，用于组织和展示数据...
HTML5+CSS3网页设计-第三章 表单及验证.pptx
12-21
在网页设计中，HTML5和CSS3是不可...通过合理布局表单，使用语义化的标签，以及恰当的验证机制，可以创建出既美观又实用的网页表单。在实际项目中，应根据需求灵活运用这些知识，提供用户友好的界面和流畅的交互体验。
鸿蒙手势交互(四：多层手势)
MuZiChunChun的博客
09-20 596
指父子组件嵌套时，父子组件均绑定了手势或事件。有两种，一种默认多层级手势事件，一种自定义多层级手势事件。
多模态交互才是人机交互的未来
09-22 1112
这种模型的核心在于其极强的多模态理解与生成能力，即能够融合各种类型的信息进行统一的语义、情景分析和上下文关联，从而更好地理解用户意图、实现接近人类的复杂情境理解和反应。此外，大语言模型的未来发展可能会包括多模态技术的融合，这意味着模型将能够处理和理解文本、图片、音频和视频等不同类型的数据。未来，随着AI技术的不断进步，多模态交互模型将在教育、编程、医疗、娱乐等多个领域发挥更大的作用，为人类提供更加智能化和个性化的服务。同时，随着技术的不断发展，我们也可以期待更多创新的交互方式的出现，进一步提升用户体验。
SQL关键字的优先级执行顺序：深入理解SQL查询的构造
qq_51321722的博客
09-20 602
在数据库管理和开发中，SQL（Structured Query Language）是一种至关重要的语言，用于与数据库进行交互，执行数据查询、更新、删除和管理等操作。然而，编写高效且准确的SQL查询需要对SQL的解析和执行顺序有深入的理解。本文将探讨SQL查询中关键字的优先级执行顺序，帮助读者更好地理解和优化SQL查询。
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4400
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 322
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
vue上传预览CAD文件
只会写bug
09-24 540
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
基于Springboot+Vue的高校教室资源管理系统的设计与实现（含源码+数据库）
m0_59480939的博客
09-25 192
这个系统有三个角色：管理员、学生和教师。管理员可以在前台查看教室信息列表并进行预约，而在后台可以管理学生、教师、教室类型、教室信息、教室预约、系统公告和轮播图等模块，支持新增、查看、修改、删除和审核等操作。系统支持管理员后台登录，但不支持学生和教师后台登录，学生和教师则支持前台注册与登录，而管理员不支持前台登录和注册。数据库版本: mysql5.7或8.0。JDK版本: Java JDK1.8。开发系统:Windows10/11。数据库可视化工具: navicat。架构模式:MVC/前后端分离。
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 360
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
方法论大师 JavaScript 版本
PlayerYK的专栏
09-25 193
无论什么行业、什么问题，都会有一群人擅长通过简单的拼凑和归纳，炮制出一套“高深”的方法论。这些方法论通常看似逻辑严密、层层递进，实则全是空洞的概念堆砌，毫无实质作用。最搞笑的是，他们居然能为任何事物总结出一个“公式”，让人乍一看觉得有理，仔细思考后发现不过是披着华丽外衣的废话。是不是开始觉得这些“方法论大师”其实并没有提供真正有价值的建议？如果你也曾被这些空洞的概念忽悠过，那么来吧，我为你提供一个...
第 28 章 Javascript错误处理与调试
weixin_44010641的博客
09-23 1363
JavaScript 在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch 和 throw 语句以及一些错误类型，让开发人员更加适时的处理错误。
语言的复合语句
编程语言技巧经验分享
09-21 492
在函数中可以声明和定义变量，包含多条执行语句，概念上和复合语句类似。事实上，二者在复合语句的概念上几乎没有区别。类定义，用{}包起来，也是复合语句的一种。
计算机毕业设计 基于Python的荣誉证书管理系统 Django+Vue 前后端分离 附源码 讲解 文档
weixin_19164791635
09-22 1824
基于Python的荣誉证书管理系统，旨在提高学校荣誉证书管理效率，实现数字化存储与查询，涵盖管理员、学生、教师三大角色，具备报表统计、个人中心、证书分类等功能，助力教育信息化发展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值