学习HMTL（表单） 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html表单</title>
</head>
<body>
<!--
html表示:
表单:form
    input:输入框
    type属性:
            text:文本
            password:密码
            submit:提交按钮(点击之会主动提交表单)
            button:普通按钮(点击之后没有特殊效果)
            checkbox：多选框
            radio:单选框
            file：文件上传
            hidden:影藏的表单域（预设一个要传递的参数和值，但是不会在页面上显示）
            reset:情况表单内容

    name:表单的参数名
    value:表单的值
    placeholder：表单的提示内容

label标签：将表单前的提示内容和表单进行关联

textarea标签：文本输入框


-->

<!--<div>-->

<!--    <form action="" method="get">-->
<!--        账号: <input type="text" name="user" value=""><br>-->
<!--        密码: <input type="password" name="pwd" value=""><br>-->
<!--        &lt;!&ndash;        <input type="submit" value="登录">&ndash;&gt;-->
<!--        <input type="button" value="登录">-->
<!--    </form>-->

<!--</div>-->


<div>
    <h1>注册</h1>
    <form action="" method="get">
        <input type="hidden" name="token" value="dsaudgausdey2uq76r8q20irwasw7e82ijw6789032iugu3">
        <label for="u01">账号: </label>
        <input type="text" name="user" value="" placeholder="输入账号" id="u01"><br>
        <label for="p01">密码: </label>
        <input type="password" name="pwd" value="" placeholder="输入密码" id="p01"><br>
        <!-- 单选框-->
        性别：男 <input type="radio" name="sex" value="男">
        女 <input type="radio" name="sex" value="女">
        未知 <input type="radio" name="sex" value="未知">
        <br>
        <!--  多选框  -->

        技能：
        <label for="py01">python</label>
        <input type="checkbox" name="skill" value="py" id="py01">
        <label for="j01">java </label>
        <input type="checkbox" name="skill" value="java" id="j01">
        c++ <input type="checkbox" name="skill" value="C++">
        <br>
        上传头像：
        <input type="file">
        个人介绍：
        <textarea name="user_info" id="u02" cols="30" rows="10"></textarea>

        所在地区：<br>
        省份
        <select name="" id="">
            <option value="sh">上海</option>
            <option value="bj">北京</option>
            <option value="zj">浙江</option>
            <option value="gd">广东</option>
        </select>
        市\区
        <select name="" id="">
            <option value="pd">浦东</option>
            <option value="yp">杨浦</option>
            <option value="ja">静安</option>
            <option value="js">金山</option>
        </select>

        <br>
        <input type="submit" value="注册">
        <input type="reset">
        <!--        <input type="button" value="注册">-->
    </form>
    <iframe src="https://www.baidu.com" frameborder="0" width="500px" height="300px"></iframe>

</div>


</body>
</html>
posted @   进击的bug~  阅读(36)  评论(0)  编辑  收藏  举报
相关博文：
·  学习HTML(一)
·  css学习
·  HTML-学习表单-2022-12-22
·  HTML标签-表单标签-概述、表单项
·  HTML标签案例注册页面
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示