020.复习019(表单的基本控件)的内容

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="#" method="post">
        <p>
            请输入你的姓名:<input type="text">
        </p>
        <p>
            报考院校:<input type="text" value="清华大学" disabled>
        </p>
        <p>
            毕业院校:<input type="text" placeholder="请输入真实的毕业院校哦">
        </p>
        <p>
            性别:
            <label>
                <input type="radio" name="sex" value="男" checked></label>
            <label>
                <input type="radio" name="sex" value="女"></label>
        </p>
        <p>
            爱好:
            <label>
                <input type="checkbox" name="hobby" value="1" checked>1
            </label>
            <label>
                <input type="checkbox" name="hobby" value="2">2
            </label>
            <label>
                <input type="checkbox" name="hobby" value="3">3
            </label>
            <label>
                <input type="checkbox" name="hobby" value="4">4
            </label>
        </p>
    </form>
</body>

</html>

 

posted @ 2022-07-04 21:27  李林林  阅读(12)  评论(0编辑  收藏  举报