zoukankan      html  css  js  c++  java
  • 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>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    HDOJ 4747 Mex
    HDU 1203 I NEED A OFFER!
    HDU 2616 Kill the monster
    HDU 3496 Watch The Movie
    Codeforces 347A A. Difference Row
    Codeforces 347B B. Fixed Points
    Codeforces 372B B. Hungry Sequence
    HDU 1476 Sudoku Killer
    HDU 1987 How many ways
    HDU 2564 词组缩写
  • 原文地址:https://www.cnblogs.com/houweidong/p/7524344.html
Copyright © 2011-2022 走看看