zoukankan      html  css  js  c++  java
  • day51 作业

    用html搭建一个注册页面

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <style>
            *{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <h1>注册页面</h1>
    <!--    action的值
            1 不写,默认在提交给当前页面
            2 写url,提交给对应url的服务端
            3 写路径/register/,会在当前页面映射的ip+端口后+这个路径去提交表单
    -->
        <form action="">
            <label for="d1">
                姓名:<input type="text" id="d1">
            </label>
            <label for="d2">密码</label>
            <input type="text" id="d2">
    
    <!--单选 指定相同name才是一类单选 checked表示默认值为该标签后的值。单选不能取消选择-->
            <p>
                <input type="radio" name="sex" checked>男
                <input type="radio" name="sex">女
            </p>
    <!--多选 不用指定name checked默认值可以设置多个,多选可以不选,可以取消,可以全选-->
            <p>
                <input type="checkbox">a
                <input type="checkbox">b
                <input type="checkbox">c
            </p>
            <p>
    <!--文件的选择        multiple表示可以多选-->
                <input type="file" multiple>
                <input type="file" >
            </p>
            <p>
    <!--下拉框选择
            单选情况:值显示第一个或者默认值
            多选情况:在select标签中加上multiple变成多选
                默认情况显示前四个,可单选可多选
    -->
                <select name="" id="" multiple>
                    <option value="" >a</option>
                    <option value="">b</option>
                    <option value="">c</option>
                </select>
            </p>
            <p>
    <!--大段文本框
            cols:宽度
            rows:长度
            可以拉伸
    -->
                <textarea name="" id="" cols="30" rows="5"></textarea>
            </p>
            <p>
                <input type="date">
    <!--可下拉选择日期-->
            </p>
            <p>
    <!--提交按钮,默认显示提交,根据不同浏览器显示不同,会提交数据至form里的action-->
                <input type="submit">
    <!--按钮,本身无任何功能,可扩展,没有默认显示值-->
                <input type="button" value="button">
    <!--重置按钮,刷新页面-->
                <input type="reset">
    <!--提交按钮,和submit相同-->
                <button></button>
            </p>
        </form>
    </body>
    </html>
    
  • 相关阅读:
    日期时间類(DateTime)的应用
    C# 排版快捷鑑
    撷取指定网址中的资料Part1:WebClinet 的用法
    Chart in Web
    Android APK反编译得到Java源代码和资源文件
    iOS 6.0 GM 版全系列固件下载
    IOS判断设备是否已越狱(isJailbroken)
    批量离线下载迅雷快传资源
    Android如何防止apk程序被反编译
    Java接口学习
  • 原文地址:https://www.cnblogs.com/hz2lxt/p/12878106.html
Copyright © 2011-2022 走看看