zoukankan      html  css  js  c++  java
  • HTML表单提交

    <!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>
                            1
                        </li>
                        <li>
                            2
                        </li>
                        <li>
                            3
                        </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>
  • 相关阅读:
    var、let、const之间的区别
    es5和es6的区别
    [2020CCPC威海G] Caesar Cipher
    [CF1437E] Make It Increasing
    [CF1437C] Chef Monocarp
    [CF1436D] Bandit in a City
    [CF1418D] Trash Problem
    [CF1419E] Decryption
    [CF1420C2] Pokémon Army (hard version)
    [CF1424M] Ancient Language
  • 原文地址:https://www.cnblogs.com/lgxlsm/p/5603943.html
Copyright © 2011-2022 走看看