HTML+CSS3 表单案例实训

晚晚昨晚吃晚饭很晚睡说晚

于 2021-11-20 12:17:33 发布

阅读量1.6k

点赞数 2

分类专栏： HTML5+CSS3 学习打卡文章标签： html5 css3 前端

本文链接：https://blog.csdn.net/qq_55786319/article/details/121436561

版权

本文通过实例介绍了如何使用HTML5和CSS3来美化和设计‘反馈意见’及‘用户注册’的表单界面，包括具体的代码实现和效果展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用和美化表单

1.美化“反馈意见”界面

效果图：
在这里插入图片描述

代码：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="7-2.css" type="text/css">
</head>
<body>
	<h1>反馈意见</h1>
	<form action="#">
		<fieldset>
			<legend>用户信息</legend>
			<div class="userinfo">
				<label for="yhnc">用户昵称：</label>
				<input type="text" id="yhnc" name="yhxx">
				<span class="gap"></span><label for="email">电子邮箱：</label>
				<input type="email" id="email" name="yhxx">
			</div>
		</fieldset>
		<fieldset>
			<legend>反馈内容</legend>
			<div class="fk_class">
				<label>反馈类型：</label>
				<input type="checkbox" name="fklx" id="book">
				<label for="book">图书</label>
				<input type="checkbox"