本文主要是介绍input标签的value、placeholder、name、checked和maxlength属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
input的其他属性
在昨天的的文章中，主要介绍了input标签的type属性，今天就来讲讲其他的属性：
1.value属性：
value属性的属性值是用户自定义的，用来规定input元素的默认值，例如：
用户名:<input type="text" value="请输入用户名">
但是实际运用中对于用户名和密码等可以看见的value值我们这样操作就会使用户的体验不是很好，如上图，在输入用户名的文本框中，会出现"请输入用户名"的文本，用户还得自己删掉,所以我们现在使用更多的是placeholder：
用户名:<input type="text" placeholder="请输入用户名">
这个属性就会让用户的体验更好了，placeholder属性值是在value属性值为空的时候显示的灰色文本，换句话说，如果用户在文本框中输入了超过一个字符，placeholder属性值就不会显示了。
但是，这并不意味着placeholder可以代替value，value的作用不止是默认值，更多的是为了能给后台一个提示，提示后台人员这个input的值是什么。例如，在我们的单选框中：
性别:男<input type="radio" value="男" > 女<input type="radio" value="女">
这里用value值的男女来让后台能够区分出这里选项是男是女，也可以设置成1和0，来达到区分的目的。
不过这里细心的朋友就能看到问题了，为啥这里一个性别能同时选择男和女两个性别呢？这里就要引入另一个属性了name：
性别:男<input type="radio" value="男" name="gender"> 女<input type="radio" value="女" name="gender">
这里的name值也能起到让后台知道这个input的值是什么东西的，就像这里的gender，意思是性别。
可以看到这里在给这个input的name值都设置为性别gender之后，这两个单选框就只能选择一个了。不过即使设置同一个name值，复选框也同样可以都选择上。
爱好:男<input type="checkbox" value="男" name="hobby"> 女<input type="checkbox" value="女" name="hobby">
就像这样。但是，我们可以不可以设置上默认选择其中一个或者两个呢？答案是肯定的，这就要用到另外一个属性checked：
爱好:男<input type="checkbox" value="男" name="hobby" checked="checked"> 女<input type="checkbox" value="女" name="hobby" checked="checked">
这样，就可以让我们进入这个页面的时候，男女两个选项都会被默认选中。
最后：我们再介绍一下今天的最后一个属性：maxlength，这个属性可以规定输入字段的最大字符长度：
用户名: <input type="text" name="username" placeholder="请输入用户名" maxlength="8">
在设置了maxlength的属性值为8的情况下，用户名的文本框中就无法再输入更多的字符了。
这篇关于input标签的value、placeholder、name、checked和maxlength属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
