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>

  • 相关阅读:
    [原] jQuery EasyUI 1.3.0 Demo合集、离线API、动态换肤
    软件版本解释
    HTML 服务器控件
    HTML 服务器控件
    软件版本解释
    软件版本解释
    软件项目版本号的命名规则及格式介绍
    HTML 服务器控件
    软件版本解释
    软件版本解释
  • 原文地址:https://www.cnblogs.com/hello-web/p/6997741.html
Copyright © 2011-2022 走看看