12.文本框和单选框 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本框和单选框</title>
</head>
<body>
<!--
        <input> radio单选框
            type指定元素的类型,包括:text,password,checkbox,radio,submit,reset,file,hidden,image,button,默认为text
            name指定表单元素的名称
            value元素的初试值，type为radion时必须指定一个值
            size指定表单元素的初试宽度。当type为text或password时，表单元素的大小以字符为单位。
                                   对于其他类型，宽度以像素为单位
            maxlength type为text或password时，输入的最大字符数
            checked   type为radio或checkbox时，指定按钮是否是被选中
-->
    <form>
        <p>
            <input type="text" name="username" value="狂神好帅" maxlength="8" size="30">
        </p>

        <p>
            <!--    单选框
                    放在同一个name里面可以实现多选一(放在一组中)
            -->
            <input type="radio" value="boy" name="sex">男
            <input type="radio" value="girl" name="sex">女
        </p>
    </form>


</body>
</html>
posted @ 2024-12-27 16:32  一骑绝晨  阅读(30)  评论(0)    收藏  举报