form表单

最新推荐文章于 2024-07-08 11:16:05 发布

酸柠檬淋上醋

最新推荐文章于 2024-07-08 11:16:05 发布

阅读量112

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/hhhhhaa444/article/details/113354311

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>
</head>
<body>
    <form action="img.html" method="get">
        姓名：<input type="text" name="username"><br>
        密码：<input type="password" name="password"><br>
        <p>
            性别:<input type="radio" value="男" name="sex">男
                <input type="radio" value="女" name="sex">女
        </p>

        <p>
            爱好：<input type="checkbox" value="chat" name="hoddy">聊天
                <input type="checkbox" value="game" name="hoddy">游戏
                <input type="checkbox" value="girl" name="hoddy">女孩
                <input type="checkbox" value="code" name="hoddy">代码
        </p>

        <p>
            国家：<select name="country">
                    <option>china</option>
                    <option selected>us</option>
                    <option>uk</option>
                 </select>
        </p>

        <p>
            <input type="file" name="file">
            <input type="button" value="上传文件" name="upload">
        </p>

        <p>
        <!--邮箱验证-->
            邮箱验证：<input type="email" name="email">
        </p>

        <p>
            URL验证：<input type="url" name="url">
        </p>

        <p>
            数字验证：<input type="number" max="10000">
        </p>

        <p>
            滑动条：<input type="range" name="slide" min="0" max="100" step="2">
        </p>

        <p>
            搜索：<input type="search" name="search">
        </p>

        <p>
            <input type="submit" value="提交">
            <input type="reset" value="重置">
        </p>
    </form>
</body>
</html>

在这里插入图片描述

酸柠檬淋上醋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
form表单

form表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>form</title></head><body> <form action="img.html" method="get"> 姓名：<input type="text" name="username
复制链接

扫一扫