网页中的表单设计

最新推荐文章于 2025-06-09 19:00:00 发布

jihome

最新推荐文章于 2025-06-09 19:00:00 发布

阅读量1.2w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/jihome/article/details/88650140

本文介绍了在网页设计中如何使用HTML创建基础表单，包括表单元素和简单的CSS样式应用，旨在使表单提交和重置按钮更加醒目美观。

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

在学习了最基本的网页元素后，接触到了表单，下面是用HTML写的很基础的表单，中间设计到了一点点CSS的内容，不算复杂。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单综合实例</title>
<style type="text/css">
	input.ann{
		border: 2 solid #2B2727;
		color: antiquewhite;
		font-size: 12pt;
		height: 30px;
		background: #999999;
	}
</style>
</head>
<body>
<form name="表单实例" method="post" action="">
<table width="500" border="0" align="center" cellpadding="0" 
cellspacing="2">
<tr>
<td width="143" height="25">姓名:</td>
<td width="351">
<input name="name" type="text" id="name" size="20"></td>
</tr>
<tr>
<td height="25">年龄:</td>
<td><select name="age" id="age">
<option value="18" selected>18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<optio