瞧一瞧input输入框都有哪些属性

    placeholder默认提示打上字消失。
    <div>按钮<input type="button" value="提示"></div>
    <div>复选框<input type="checkbox" value="提示"></div>
    <div>复选框<input type="color" value="提示"></div>
       <div>重置表单<input type="reset" value="名字"></div>
    <div>搜索框<input type="search" ></div>
    <div>提交按钮<input type="submit" value="名字"></div>
        <div>密码框<input type="password"></div>
    <div>单选按钮<input type="radio" ></div>
       <div>日期和时间<input type="date" ></div>
    <div>日期和时间<input type="datetime"></div>
    <div>日期和时间<input type="datetime-local" ></div>
        <div>周和年<input type="week" ></div>
    <div>电话格式<input type="tel" ></div>
    <div>文本框<input type="text" ></div>
    <div>时间<input type="time" ></div>
    <div>邮箱、检查邮箱格式是否正确、不正确会提示<input type="emile"></div>
    <div>文件域<input type="file" ></div>
    <div>隐藏文本<input type="hidden"></div>
    <div>图片<input type="image" alt="图片未加载提示" src="图片地址" width="图片宽" height="图片高"></div>
    <div>月份<input type="month" ></div>
    <div>输入一个数值、数值最大为多少、最小为多少、每次点击增长或减少6<input type="number" max="最大值" min="最小值" step="减小值或增值 6"></div>

    <div>滑动条、数值为20、数值范围最大跟最小之间 90-0<input type="range" value="20" max="最大值 90" min="最小值 0"></div>
 
    <div>检查网址是否正确,不正确会提示<input type="url"></div>


猜你喜欢

转载自blog.csdn.net/qq_37547964/article/details/103376960