13. 文本框和单选题

属性	说明
type	指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为text
name	指定表单元素的名称
value	元素的初始值。type为radio时必须指定一个值
size	指定表单元素的初识宽度，当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否是被选中

type和name属性在上一篇文章中已经用过了，这次来讲一下后面几个

我们在上一次的代码中加入value、size和maxlength三个参数如下

 <p>名字：<input type="text" name="username" value="小黄好帅" maxendgth="8" size="30"></p>

最后呈现的效果就是，账号输入窗口点开就会显示小黄好帅，窗口内能输入的最大字数为8，窗口的显示长度为30，如下图

下面是单选框标签，即type=“radio”，标签中必须有value值，不然会造成有选项按钮但没有选项值的现象，name在里面充当分组的作用，当两个或多个单选框标签中的name值相同时，这些标签则为同一组，同一组的标签在网页中选择时只能选一项，如果没有name分组的话，不同组的选项是可以同时勾选的，这也导致信息错误。

性别：
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex"/>女

展示效果如下图

感谢您的观看，能和您一起学习是我最大的荣幸！

参考学习资料：文本框和单选框——狂神说

下面是我的微信公众号，与csdn同步更新，有需要的朋友可以关注一波~