开发面试题 测试用例 分库查询 k8s iphone variables haskell keras mvvm lua controller 管理后台框架 安卓小程序源码 matlab中axis js获取body的高度 完全去vm去虚拟化工具 SketchUp python循环 python如何定义变量 java环境 java抽象类 java基础数据类型 java课程学习 java的泛型 java怎么配置 java多线程处理 java调用方法 java接口实例 java日期格式化 sql语句大全实例教程 局域网助手 凯立德地图免费下载 win10长期服务版 东方头条邀请码 linux解压tar pdf拆分工具 c语言代码表白 millenium 微信彩色字 无限视距
当前位置: 首页 > 学习教程  > 编程语言

H5新增表单

2020/12/28 19:24:32 文章标签:

新增表单类型如下: 属性值说明type“email”限制用户输入必须为Email类型type“url”限制用户输入必须为URL类型type“date”限制用户输入必须为日期类型type“time”限制用户输入必须为时间类型type“month”限制用户输入必须为月类型type“week”限制用户输入必须…

新增表单类型如下:

属性值说明
type=“email”限制用户输入必须为Email类型
type=“url”限制用户输入必须为URL类型
type=“date”限制用户输入必须为日期类型
type=“time”限制用户输入必须为时间类型
type=“month”限制用户输入必须为月类型
type=“week”限制用户输入必须为周类型
type=“number”限制用户输入必须为数字类型
type=“tel”手机号码(不限制只能输入数字,因为有些特殊电话会有符号)
type=“search”搜索框
type=“color”生成一个颜色选择表单

代码:

 <style>
        ul li {
            line-height: 40px;
        }

        input[type='email']::-webkit-input-placeholder {
            color: pink;
            font-size: 12px;
        }

        input[type*='e'] {
            width: 400px;
        }
    </style>
      <form action="">
        <ul>
            <li>网址:<input type="url"></li>
            <li>邮箱:<input type="email" placeholder="hello world"></li>
            <li>日期:<input type="date"></li>
            <li>时间:<input type="time"></li>
            <li>月份:<input type="month"></li>
            <li>周期:<input type="week"></li>
            <li>数字:<input type="number"></li>
            <li>电话:<input type="tel"></li>
            <li>搜索:<input type="search" autocomplete="on" name="search"></li>
            <li>颜色:<input type="color"></li>
            <input type="file" multiple>
            <li><input type="submit"></li>
        </ul>
    </form>

效果图如下:
在这里插入图片描述


本文链接: http://www.dtmao.cc/news_show_550240.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?