• html5-表单和input元素用法


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
        <form action="http://localhost" method="get" target="_blank">
            <input type="hidden" value="统计" name="tj"><br>
            用名:<input type="text" name="key" name="user" value="新镇中心" maxlength="20" autofocus="" tabindex="1"><br>
            密码:<input type="password" name="ps" name="password"><br>
            国家:<input type="text" readonly="readonly" value="中国" name="gj" accesskey="k"><br>
            地址:<input type="text" disabled="disabled" value="wenan" name="address" ><br>
            邮箱:<input type="email" name="email" required="required"><br>
            网址:<input type="url" name="url" tabindex="2" autocomplete="off"><br>
            电话:<input type="tel" tabindex="3"><br>
            数字:<input type="number" min="0" max="50" step="10" value="10" name="shuzi"><br>
            范围:<input type="range" min="0" max="100" step="5" value="20" name="fanwei"><br>
            时间:<input type="time"><br>
            日:<input type="date"><br>
            周:<input type="week"><br>
            月:<input type="month"><br>
            本地时间:<input type="datetime-local"><br>
            UTC时间:<input type="datetime"><br>
            颜色:<input type="color"><br>
            搜索:<input type="search" placeholder="输入关键词"><br>
            文件:<input type="file" accept="image/png" multiple="multiple"><br>
            复选框:<input type="checkbox" name="dx" value="a">平面设计
            <input type="checkbox" name="dx" value="b">绘画绘图
            <input type="checkbox" name="dx" value="c" checked="checked">会计专业
            <input type="checkbox" name="dx" value="d">立体设计
            <br>
            <hr>单选框
            <input type="radio" name="rad" value="a">先生
            <input type="radio" name="rad" value="b">女士
            <input type="radio" name="rad" value="c">保密
            <br>
            <input type="submit">
            <input type="reset">
            <!-- <input type="button" value="按钮">
            <input type="image" src="imges/ss.png"> -->
        </form>
        <!-- <div>
            <input type="text">
            <input type="submit">
            表单之外的元素也可以使用
        </div> -->
        <!-- <figure>
            <img src="pic/1.png" alt="图片">
        </figure>
        <figcaption>
            图片内容
        </figcaption> -->
    </body>
    </html>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    Oracle的基本语法(增删改查)
    Oracle存储过程的学习
    Oracle创建联合主键
    Oracle查询当前用户的信息
    Oracle给创建函数的权限
    Oracle给存储过程权限及触发器
    Unity3D脚本的生命周期(执行顺序)
    Unity性能优化的N种武器
    序列化、反序列化(Serializable特性)
    Unity 读取资源(图片)
  • 原文地址:https://www.cnblogs.com/houweidong/p/7524344.html
Copyright © 2020-2023  润新知