HTML表单提交

前端开发发布日期：2025年06月19日浏览次数：159次

<!DOCTYPE html>
<!--当前文档为html5-->
<html>
<head>
    <!--设置文档编码-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <!--设置关键字和描述方便SEO-->
    <meta name="keywords" content="关键字">
    <meta name="description" content="网站描述">
    <!--设置移动端开发缩放比例-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">
</head>
<body>
    <!-- <form enctype="multipart/form-data" action="接受表单页面" method="Get"> -->
    <form enctype="multipart/form-data">
        <p>
            <label for="userName">账号</label>
            <input type="text" name="userName" id="userName">
        </p>
        <p>
            <label for="passWord">密码</label>
            <input type="password" name="passWord" id="passWord">
        </p>
        <p>
            <label for="select">型别</label>
            <select name="select" id="select">
                <option value="0">男</option>
                <option value="1">女</option>
            </select>
        </p>
        <p>
            <label for="checkboxGroupAiHao">爱好运动</label>
            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao1" value="1">篮球
            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao2" value="2">足球
            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao3" value="3">乒乓球
        </p>
        <p>
            <label for="radioMZ">民族</label>
            <input type="radio" name="radioMZ" id="radioMZ1" value="1">汉
            <input type="radio" name="radioMZ" id="radioMZ2" value="2">满
            <input type="radio" name="radioMZ" id="radioMZ3" value="3">壮
        </p>
        <p>
            <label for="remeaks">备注</label>
            <textarea name="remeaks" id="remeaks" rows="10" cols="10"></textarea>
        </p>
        <p>
            <label for="upload">上传</label>
            <input type="file" name="upload" id="upload">
        </p>
        <p>
            <label for="fieldset">分组</label>
            <fieldset>
                <legend>篮球小组</legend>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <legend>足球小组</legend>
                <ul>
                    <li>
                        a
                    </li>
                    <li>
                        b
                    </li>
                    <li>
                        c
                    </li>
                </ul>
            </fieldset>
        </p>
        <p>
            <input type="submit" name="提交">
            <input type="reset" name="重置">
            <input type="button" name="普通按钮">
            <button><img src="" width="60" height="20">提交2</button>
        </p>
    </form>
</body>
</html>

以上就是HTML表单提交的详细内容，更多关于HTML表单提交的资料请关注九品源码其它相关文章！

相关热词： HTML 表单提交

上一篇：微信小程序 confirm（删除提示）
下一篇：html： button样式 css生成器

文章分类

IT资讯 CMS教程服务器数据库前端开发后端开发工具使用其他教程

开发前端软件素材源码教程下载网站

HTML表单提交

文章分类

最后更新

热门排行