写在前面:老套路有栗子有code,这篇文章是对css中input标签的属性介绍以及比较常用常见的使用方法的一个总结。我自己也老是记不住,所以经常百度一下,加深一下印象和为了自己以后查找资料方便,也方便后来的人。
去掉input的边框
栗子:
border: none;
去掉鼠标点击时出现的方框,就是上一张图片的蓝色东西。
1.outline:none;//这里有三种方式,都可以实现。
2.outline:0;
3.outline:medium;
input帮助用户填写输入字段的提示
替用户输入value
直接插入到html里面
placeholder="请输入手机号"
placeholder="请输入密码"//像上面的演示图片一样,不过点击一下这些字都不见了,起到提示的作用
value="132123123"//这些数字会直接输入到input标签里面,需要用户手动删除,才会消失
修改input 的默认宽度
input[type=text]{//或者直接在input的class上写
width:5.8%;
}
刷新时提前选中选项
在html的input标签内插入(checked="checked")
传送数据到某个地址
formenctype=“URL”
w3c的演示地址:http://www.w3school.com.cn/tiy/t.asp?f=html5_input_formenctype
数据传输的方式选择
method="post/get"
name
定义input的name名字作用和id类似,name可以和form关联起来,起到传输数据之类的作用。
平常修改的比较多的就大概这些,还有一些设置,我补充一下:
height:定义 input 字段的高度。(适用于 type="image");
max:规定输入字段的最小值。与 "max" 属性配合使用,来创建合法值的范围。;
input的type属性
有些我可能没说到的(或者不熟悉),可以自行百度一下,我平常用的比较多的大概就这些。
大部分主要还是从w3c中关于input标签的说明中演变出来的:http://www.w3school.com.cn/tags/tag_input.asp
后话:刚开始没想写这么多,后来就想都解释一下吧,然后就花了一个多小时好累啊。本来今天是想写个用indexOf()和push()获取不重复随机数的方法,然后我那个代码还有点问题,准备等完善了,再分享出来给大伙儿看看。
最后又到了观众朋友们最喜欢的求赞求关注环节:希望看完的朋友点个喜欢,想关注我这个菜鸡是如何成长的也可以关注一下我,基本上每个月都不会少于十五篇文章(看到干货我也会进行分享)。然后github也互相加个star。码字不易,感谢支持,感激不尽!
ps:如果希望我写哪方面的文章可以在底下评论,或者是私信我,虽然写的不好,但我就当这是记录自己成长的一种方式咯。(前提是我会了,如果不会我也会记下来,等会了的时候再更出来。)
简书主页链接,csdn博客主页链接