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>
    
  • 相关阅读:
    使用C#调用Java带MIME附件WebService方法的初步设想
    到底是哪里给我插的广告?
    jQuery mobile X天教程 目录
    让ksoap支持wsse加密的soap报文
    第一天 认识jQuery mobile 框架,资源,书籍
    谈谈去那里找开源项目
    第二天 jQuery mobile 的Page&Dialogs,Toolbars,Button,listView全接触
    增强型MonkeyRunner 脚本计划
    以前我喜欢盗版,但是,我现在痛恨盗版
    android Handler 机制研究学习笔记
  • 原文地址:https://www.cnblogs.com/hz2lxt/p/12878106.html
Copyright © 2011-2022 走看看