瞧一瞧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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端J先生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值