web前端基础练习

原创 于 2024-10-21 22:44:41 发布 · 275 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

练习题目如图：用户注册表格

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册表</title>
	</head>
	<body>
		<div>
			<form action="">
			<table width="350">
				<tr align="center">
					<td colspan="2" bgcolor="gray">用户注册</td></tr>
				</tr>
				<tr>
					<td align="right" style="background-color:gainsboro;">用户名</td>
					<td style="background-color: gainsboro;">
						<div>
							<input type="text" name="用户名" id="" value=""/>
						</div>
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">密码</td>
					<td style="background-color: gainsboro;">
						<div>
							<input type="password" name="用户名" id="" value=""/>
						</div>
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">性别</td>
					<td style="background-color: gainsboro;">
						<input type="radio" name="性别" value="男"/>男
						<input type="radio" name="性别" value="女"/>女
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">专业</td>
					<td style="background-color: gainsboro;">
						<input type="radio" name="专业" value="计科"/>计科
						<input type="radio" name="专业" value="电气"/>电气
						<input type="radio" name="专业" value="尊贵的汉语言文学"/>尊贵的汉语言文学
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">爱好</td>
					<td style="background-color: gainsboro;">
						<input type="checkbox" name="爱好" value="唱"/>唱
						<input type="checkbox" name="爱好" value="跳"/>跳
						<input type="checkbox" name="爱好" value="rap"/>rap
						<input type="checkbox" name="爱好" value="篮球"/>篮球
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">省份</td>
					<td style="background-color: gainsboro;">
						<div>
							<select name="省份">
								<option>京✌</option>
								<option>沪✌</option>
								<option>广西</option>
								<option>广东</option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<td align="right" style="background-color: gainsboro;">自我介绍</td>
					<td style="background-color: gainsboro;">
					<textarea name="" id="" cols="30" rows="5">评价一下，不玻璃心</textarea>	
					</td>
				</tr>
				<tr align="center">
					<td colspan="2" style="background-color: gainsboro;">
						<input type="submit" name="" id=""/>
						<input type="reset" name="" id=""/>
					</td>
				</tr>
			</table>
			</form>
		</div>
	</body>
</html>

结果显示：

1+x 证书 Web 前端开发初级理论考试（试卷6 ）
Zeus
12-11 2万+
Web前端开发初级模拟测试卷（六） 获取更多资料请加入 官方QQ群 共55道题 总分：200分 形考总分：0分 一、单选题共30题，60分 1.阅读下面的JavaScript代码，输出结果是（） B function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.write(y); } A0 1 ...
前端开发基础测试题详解：HTML5/CSS3 多媒体与动画
吾为热爱计科，致力于知识分享的践行者，此博客是我在这条道路上留下的足迹。
05-27 515
题目：下列选项中，用于定义动画播放次数的属性是 ( )。选项答案：B解析：值为infinite时无限循环，或指定具体次数（如3表示播放 3 次）。：定义动画是否逆向播放（如alternate表示来回循环）。题目：下列选项中，用于定义当前动画播放方向的属性是 ( )选项答案：A解析：通过normal：正常播放（默认）。reverse：反向播放。alternate：来回交替播放。
1+X Web前端开发（初级）理论考试试卷一（附答案）
Destiny_0991
04-25 4万+
传送门 教育部：职业教育将启动“1+X”证书制度改革 职业教育改革1+X证书制度试点启动 1+X成绩/证书查询入口 一、单选题（每题 2 分，共 60 分） 二、多选题（每题 2 分，共 30 分） 三、判断题（每题 2 分，共 10 分）
Web前端开发初级理论考试.docx
11-22
这个资源等级考试理论模拟试题的理论部分，第一次发表不知道会不会成功的。希望对大家有所帮助吧。 预祝大家都能顺利通过考试。
Web前端——表格表单练习
qq_53715074的博客
11-10 2611
要求： 网页源代码： 网页效果图： 要求： 网页源代码： 网页效果图： 要求： 网页源代码： 网页效果图：
前端部分基础习题
热门推荐
GZHGK的博客
11-19 7万+
一.HTML 1.DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别? 你知道多少种Doctype文档类型 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 !DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。 标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式的排版 和 JS运作模式都是以该浏览器支持的最高标准运行。在
web前端基础练习题（2）
qq_45083698的博客
03-05 583
<!doctype html> Google搜索 欢迎使用Google搜索! windows的不同版本 windows 95 windows 98 windows NT windows NT Workstation windows NT Server ...
web前端基础练习题（1）
qq_45083698的博客
03-05 2264
格式化文本信息 【1.标题字应用】 软件工程是全国就业薪酬涨幅最大的专业 软件工程是全国就业薪酬涨幅最大的专业 软件工程是全国就业薪酬涨幅最大的专业 <h7><strong>【2.段落、字体、标记应用】</strong></h7> <!--2.段落、字体、标记应用--> &lt...
Web前端开发基础：综合练习 .ppt
06-06
--*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 单元目标 能灵活使用HTML、CSS设计网页 能力目标 综合使用HTML、CSS设计网页 知识目标 《CSS网页样式设计与制作》 参考资料 2 教学内容 1 单元目标 3 动手实践 4...
基于Web前端开发基础练习与设计模式合集.zip
最新发布
06-07
基于Web前端开发基础练习与设计模式合集.zip
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十：正则表达式
01-20
JavaScript是Web前端开发中不可或缺的一部分，它为网页赋予了动态功能和交互性。在JavaScript中，正则表达式（Regular Expression）是一种强大的文本处理工具，用于执行模式匹配和字符串操作。本篇教程将深入探讨...
在线考试系统前端
04-11
在线考试系统前端，包括常用的js文件等， 在线考试系统前端，包括常用的js文件等。
web前端开发笔试题
10-21
很齐全的ajax部分笔试题 Ajax的优缺点： 使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得 Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改 变过的信息。 对应用Ajax最主要的缺点就是，它可能破坏浏览器后退按钮的正常行为 因为Ajax中采用了xml技术，所以在Ajax中也可能问到XML的问题 Ajax和javascript的区别？ javascript是一种在浏览器端执行的脚本语言，Ajax是一种创建交互式网页 应用的开发技术 ，它是利用了一系列相关的技术其中就包括javascript。 Javascript是由网景公司开发的一种脚本语言，它和sun公司的java语言是 没有任何关系的，它们相似的名称只是一种行销策略。
前端在线编程题1
WittyLu的博客
07-20 693
目录： 1.查找数组元素位置 2.数组求和 3.移除数组中的元素 介绍了reduce和forEach方法。
牛客网——前端技能大挑战(js)——12道编程题
云中自有锦书
07-09 948
1.修改this指向 封装函数 f，使 f 的 this 指向指定的对象 输入：无 输出：无 function bindThis(f, oTarget) { //考察js中的上下文调用的三种方法，call/apply/bind //return function(){ // return f.apply(oTarget,arguments); // }...
2024年最新前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）-- 持续更新
jyl919221lc的博客
05-11 2万+
最新前端面试题汇总大全(含答案超详细)--持续更新
前端面试常见编程题汇总
廖龙东个人博客
04-07 899
使用时间戳，当触发事件的时候，我们取出当前的时间戳，然后减去之前的时间戳(最一开始值设为 0 )，如果大于设置的时间周期，就执行函数，然后更新时间戳为当前的时间戳，如果小于，就不执行。使用定时器：当触发事件的时候，我们设置一个定时器，再触发事件的时候，如果定时器存在，就不执行，直到定时器执行，然后执行函数，清空定时器，这样就可以设置下个定时器。实现 add(1)(2)(3)(4)(5).sum()和 add(1)(2, 3)(4)(5).sum()参数不定的累加效果。
web前端开发基本知识——css篇
preless的博客
06-16 638
CSS代码语法 从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。 内联式css样式 嵌入式css样式： span{ color:red; } 外部式css样式： 三种方法的优先级 有的小伙伴问了，如果有一种情况：对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？ 这三种样式是有优先级的，记住他们的
前端常见编程题（一）
a15387091481的博客
04-23 3268
1. 前言 主要汇总一些目前遇见过的跟前端有关的编程题（面试用），不是算法编程题。 有遗漏的和写错了的，欢迎评论区指正分享。 防抖与节流 防抖 用户触发事件过于频繁，只执行最后一次事件的操作。 实现：在第一次触发事件时，不立即执行函数，而是给出一个期限值比如200ms，然后在200ms内没有再次触发滚动事件，那么就执行函数；如果在200ms内再次触发了滚动事件，那么当前的计时取消，重新开始计时。 window.onload = function() { window.document.querySel
web前端基础练习题
02-28
以下是一些常见的Web前端基础练习题： 1. 创建一个简单的HTML页面，包含一个标题、一个段落和一个图片。 2. 使用CSS样式设置页面的背景颜色、字体样式和大小。 3. 创建一个导航栏，包含多个链接，并使用CSS样式进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值