HTML简单表格表单设计实验（含代码）

最新推荐文章于 2024-01-16 09:33:18 发布

bruuuuuuuuno

最新推荐文章于 2024-01-16 09:33:18 发布

阅读量3.6k

点赞数 3

分类专栏： # 前端小案例系列文章标签： html5 html

本文链接：https://blog.csdn.net/bruuuuuuuuno/article/details/118275937

版权

目的和要求

掌握 HTML 语言的使用，例如：TABLE、FORM、FRAME、CSS 等。
必须使用到 CSS。
必须有 HTML5 元素。
电子邮件输入框必须有邮件格式输入验证，采用客户端验证方法。

内容和步骤

1、创建如下图所示的货品价格表：
在这里插入图片描述
2、创建如下图所示的用户留言表单：

代码

货品价格表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>货品价格表</title>
    <style>
        body {
   
            background-color: azure;
        }

        h1 {
   
            color: red;
            font-family: "楷体";
            font-weight: 900;
        }

        table {
   
            border: 1px solid black;
        }

        th {
   
            border: 1px solid black;
            background-color: aquamarine;
        }

        td {
   
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>货品价格表</h1>
    <table>
        <tr>
            &

最低0.47元/天解锁文章

bruuuuuuuuno

关注

3
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
HTML简单表格表单设计实验（含代码）

目录目的和要求内容和步骤代码货品价格表用户留言表单心得体会目的和要求掌握 HTML 语言的使用，例如：TABLE、FORM、FRAME、CSS 等。必须使用到 CSS。必须有 HTML5 元素。电子邮件输入框必须有邮件格式输入验证，采用客户端验证方法。内容和步骤1、创建如下图所示的货品价格表：2、创建如下图所示的用户留言表单：代码货品价格表<!DOCTYPE html><html lang="en"><head> <meta c
复制链接

扫一扫