input常见属性和使用方法的介绍

写在前面：老套路有栗子有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%;
}

刷新时提前选中选项

Paste_Image.png

在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关联起来，起到传输数据之类的作用。

Paste_Image.png

平常修改的比较多的就大概这些，还有一些设置，我补充一下：

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博客主页链接