HTML_表单_登录注册

最新推荐文章于 2024-08-06 13:37:48 发布

渐失ing

最新推荐文章于 2024-08-06 13:37:48 发布

阅读量387

点赞数 1

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/qq_49819155/article/details/117178120

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML_表单_登录注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>
<h1>注册</h1>

<form action="htmlTest.html" method="get">
<!--  size="12" 文本框的长度  -->
    <p>用户名： <input type="text" name="username" placeholder="请输入用户名" size="12"> </p>
<!--    密码框     -->
    <p>密码：<input type="password" name="pwd" placeholder="请输入密码"> </p>

<!--    单选框     -->
    <p>性别：
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl" name="sex" required/>女  <--required(使它成为必填项 -->

    </p>

<!--     按钮     -->
    <p>按钮：
        <input type="button" name="btn1" value="点击变强">
    </p>
<!--    多选框     -->
    <p>
        <input type="checkbox" value="sleep" name="hobby"/>睡觉
        <input type="checkbox" value="code"  name="hobby"/>敲代码
        <input type="checkbox" value="chat"  name="hobby"/>聊天
        <input type="checkbox" value="music"  name="hobby"/>听音乐

    </p>

<!--
      下拉框 、列表框
-->
    <p>下拉框：
        <select name="列表名称">
            <option value="选项的值">中国</option>
            <option value="选项的值">美国</option>
            <option value="选项的值">法国</option>
            <option value="选项的值">德国</option>
        </select>

    </p>

<!--    文本域 -->
    <p>反馈：
        <textarea name="textarea" cols="30" rows="10"></textarea>
    </p>

<!--  文件域   -->
    <p>
        <input type="file" name="files">
    </p>

<!--    数字-->
    <p>商品数量：
        <input type="number" name="num" max="100" min="0" step="10">
    </p>
    
<!--    滑块-->
    <p>音量：
        <input type="range" name="voice" 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>