HTML学习笔记---input，form，label标签

最新推荐文章于 2024-09-13 14:44:01 发布

xiaoa~

最新推荐文章于 2024-09-13 14:44:01 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html学习笔记文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/qq_34964399/article/details/79315309

html学习笔记专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何使用HTML创建一个简单的表单，该表单通过GET方法提交数据至指定URL，并探讨了如何通过表单收集姓名和邮箱信息。

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

由于时间紧迫，本打算不写前端的记录，但是发现这样不行，不去亲手做下，只看视频的话，完全混起来，所以，我决定还是写下来学习过程。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="http://www.baidu.com" method="get">
        <label for="name">姓名</label>
        <input type="text" name="fullname"  id="name"/>  <!-- form表单以get方式提交；name属性会在url中显示，input中的id与label的for对应，这样你点击“姓名“光标就会定位到这个input输入框” -->
        <br/>
        <label for="email">邮箱</label>
        <input type="text" name="email" id="email" />
        <input type="submit" value="Submit" />
    </form>

    <p>请在提交按钮上单击，输入会发送到服务器上名为 百度 的页面。</p>
</body>
</html>