lovecoding
/
VIP32


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!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>
        <!-- value 内容值 color 颜色类型 调色板-->
        <input type="color" value="#ff0000">
        <br>
        <!-- submit 提交按钮 -->
        <input type="submit">
        <br>
        <!-- date 日期  -->
        <input type="date" value="2024-02-21">
        <br>
        <!-- time 时间 -->
        <input type="time" value="12:00">
        <br>
        <!-- search 搜索 -->
        <input type="search">
        <br>
        <!-- range 进度条 -->
        <input type="range" value="100">
        <br>
        <!-- number 数值 max 最大值 min 最小值 -->
        <input type="number" value="3" max="10" min="1">
        <br>
        <!-- tel　手机号　
            maxlength 最大可输入的范围
        -->
        <input type="tel" maxlength="11">
        <br>
        <!-- 
            file 文件类型
            accept 接收文件类型
         -->
        <input type="file" accept="image/jpg,image/png">
        <br>
        <select>
            <option value="1">1</option>
            <option value="11">11</option>
            <option value="1111">1111</option>
        </select>
        <input type="text" list="abc">
        <datalist id="abc">
            <option value="112">11</option>
            <option value="11112">1111</option>   
        </datalist>
        <br>
        <!-- 邮箱校验 email
            回车执行
            输入内容一定要包含@符号
        -->
        <input type="email">
    </form>
</body>
</html>