zoukankan      html  css  js  c++  java
  • HTML不常用的表单属性-fieldset

    这是代码

    这是生成的样子  

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>表单</title>
    </head>
    <body>
    <form>
    <fieldset>
    <!--这是这个标签的标题-->
    <legend>输入类型</legend>
    <label for="demo"><!--这个for获取id后不需要点击文本框点击空白处也会出现忽闪忽闪的输入条-->
    email:<input type="text" id="demo">
    </label>
    <br/>
    <label for=""><!--这是输入手机号的-->
    tel:<input type="tel">
    </label>
    <br/>
    <label for=""><!--这是输入手机号的-->
    url:<input type="url">
    </label>
    <br/>
    <label for=""><!--生成了个提交按钮-->
    <input type="submit" value="提交">
    </label>
    <br/>
    <label for=""><!--step369开始选择 min最小值max最大值-->
    number:<input type="number" step="3" min="3" max="9">
    </label>
    <br/>
    <label for=""><!--搜索-->
    search:<input type="search">
    </label>
    <label for=""><!--滑动框-->
    range:<input type="range">
    </label>
    <br/>
    <label for=""><!--设定文本框颜色-->
    color:<input type="color">
    </label>
    <br/>
    <label for=""><!-- -:- 时分-->
    time:<input type="time">
    </label>
    <br/>
    <label for=""><!--年/月/日-->
    data:<input type="data">
    </label>
    <br/>
    <label for=""><!--年/月/日/时/分-->
    datatime:<input type="datatime">
    </label>
    <br/>
    <label for=""><!--年/月-->
    mouth:<input type="mouth">
    </label>
    <br/>
    <label for=""><!--年/的第几周-->
    week:<input type="week">
    </label>
    <br/>
    </fieldset>
    </form>
    </body>
    </html>

  • 相关阅读:
    Makefile 运行
    fortran中//表示什么啊?双斜杠
    如何设置EXCEL打印范围
    Makefile学习_简介
    小白初学Ioc、DI、Castle Windsor依赖注入,大神勿入(不适)
    小白初学ABP框架,着实累啊
    职场初体验
    3.8.1 块作用域
    3.8 控制流程
    3.7.3 文件输入与输出
  • 原文地址:https://www.cnblogs.com/hello-web/p/6997741.html
Copyright © 2011-2022 走看看