lovecoding
/
VIP26


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- text文本 -->
        <input type="text">
        <br>
        <!-- email 邮箱 校验 -->
        <input type="email">
        <br>
        <!-- color 调色 -->
        <input type="color" value="#ff0000">
        <br>
        <!-- 提交按钮 -->
        <input type="submit">
        <!-- date 日期 -->
        <input type="date" value="2012-01-01">
        <br>
        <!-- time事件 -->
        <input type="time">
        <br>
        <!-- search 搜索 出现清除按钮 -->
        <input type="search">
        <br>
        <!-- range 划块类型 
            slot 定义划块距离
        -->
        <input type="range">
        <br>
        <input type="range" slot="20">
        <br>
        <!-- number 数字 max最大值 min 最小值 
            step 定义数值 min + step
        -->
        <input type="number" max="10" min="3" step="3">
        <br>
        <!-- tel 手机号
            maxlength可以输入的最大值
        -->
        <input type="tel" maxlength="11">
        <br>
        <!-- file上传文件
            accept 上传文件类型
        -->
        <input type="file" accept="image/jpg,image/png">
        <select name="" id="">
            <option value="11">11</option>
            <option value="22">22</option>
        </select>
        <input type="text" list="list1">
        <datalist id="list1">
            <option value="我的">1</option>
            <option value="你的">2</option>
        </datalist>
    </form>
</body>
</html>