HTML——表单框架的基本制作

最新推荐文章于 2024-05-31 07:28:10 发布

beishanqiye

最新推荐文章于 2024-05-31 07:28:10 发布

阅读量540

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/beishanqiye/article/details/108833767

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单form</title>
</head>
<body>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post、get 提交方式
    get方式提交：我们可以在url（就是输入网站的位置）看到我们提交的信息，传输文件
    post：这个不会再url显示提交信息，传输大文件


     value="name"   默认值
 maxlength="8"   最长能写8个字符
 size="30"    文本框长度为30


-->

<form action="我的第一个网页.html" method="get">
    <!--输入文本框 text-->
    <p>名字：<input type="text" name="UserName" value="名字"></p>

    <!--密码框 password-->
    <p>密码：<input type="password" name="Pwd"></p>

    <p>
        <!--重置-->
        <input type="submit">
        <!--提交-->
        <input type="reset">
    </p>

    <p><input type="radio" value="boy" name="sex1">男
        <input type="radio" value="girl" name="sex2">女</p>

    <p><input type="radio" value="boy" name="性别">男
        <input type="radio" value="girl" name="性别">女</p>


</form>

</body>
</html>

在这里插入图片描述

https://www.bilibili.com/video/BV1x4411V75C?p=12
https://www.bilibili.com/video/BV1x4411V75C?p=13

beishanqiye

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML——表单框架的基本制作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单form</title></head><body><!--表单formaction：表单提交的位置，可以是网站，也可以是一个请求处理地址method：post、get 提交方式 get方式提交：我们可以在url（就是输入网站的位.
复制链接

扫一扫