Avatar
陈雨晴
yuqing@zaoshu.ai
免费版
升级专业版
创建欢迎表单
用 HTML、CSS 和 JavaScript 写一个简单的欢迎页,包含带 3 个输入框和一个下拉菜单的表单,以及「取消」「发送」两个按钮,然后在我的 Codepen 项目里运行测试。
刚刚
Avatar
Avatar
1<!DOCTYPE html>
2<html>
3    <head>
4        <title>欢迎页</title>
5        <link rel="stylesheet" href="style.css">
6    </head>
7    <body>
8        <div class="welcome-message">
9            <h1>欢迎!</h1>
10            <p>请填写下方表单:</p>
11        </div>
12        <form>
13            <div class="buttons">
14                <button type="button" class="cancel-button">取消</button>
15                <button type="submit" class="send-button">发送</button>
16            </div>
17        </form>
18        <script src="script.js"></script>
19    </body>
20</html>
注意:这只是一个简单的 HTML 表单示例。在真实项目中,你还需要加上表单校验以及服务器端的数据处理。
已在你的 Codepen 账号里创建了项目
Avatar
刚刚