zoukankan      html  css  js  c++  java
  • HTML5基础2

    • 新增type类型
    Type=“email” 限制用户必须输入email类型
    Type=“url” 限制用户必须输入url类型
    Type=“range” 产生一个滑动条表单
    Type=“number”数字类型
    Type=“search” 产生一个搜索意义的表单
    Type=“color” 生成一个颜色选择的表单
    以下作为了解
    Type=“time” 限制用户必须输入时间类型
    Type=“month” 限制用户必须输入月类型
    Type=“week” 限制用户必须输入周类型
    Type="datetime-local" 选取本地时间
    Type="date"限制用户必须输入日类型
    • 新增表单属性
    required 监测是否为空。
    min 最小
    max 最大
    step 步幅 确定一个法定值。 -3 0 3 6
    autocomplete 是否自动关联提示信息 on关联off不关联
    autofocus 自动聚焦,一个页面只能有一个
    pattern 后面的属性值是一个正则表达式
    手机号pattern="^1[3|5|9]d{9}$"
    novalidate 取消验证
    multiple 选择(上传)多个文件(type="file")
    •新增表单标签
    list 必须结合datalist标签,绑定datalist id名称。

    <input type="url" list="url_list" name="link" />
    	<datalist id="url_list">
    		<option label="W3School" value="http://www.W3School.com.cn" />
    		<option label="Google" value="http://www.google.com" />
    		<option label="Microsoft" value="http://www.microsoft.com" />
    	</datalist>
    

    作为了解
    output 输出标签,用于计算结果的输出或脚本的输出

    	    <form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
    		<input id="a" type="range" min="0" max="100">100+
    			<input id="b" type="text" value="50">=
    			<output name="x" for="a b"></output>
    	    </form>
  • 相关阅读:
    LeetCode 139. Word Break
    Amazon behavior question
    学习笔记之100 TOP Ikm C++ Online Test Questions
    学习笔记之IKM C++ 11
    学习笔记之C/C++指针使用常见的坑
    LeetCode 208. Implement Trie (Prefix Tree)
    队列 & 栈//岛屿的个数
    队列 & 栈//设计循环队列
    队列 & 栈//设计循环队列
    查找表类算法//存在重复元素 III
  • 原文地址:https://www.cnblogs.com/strongerPian/p/12512905.html
Copyright © 2011-2022 走看看