021.基本控件(2-8)0715

 

 

 

 

 

 

 

 

 

 

 

 

<!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>
        <p>
            请输入密码:
            <input type="password">
        </p>
        <p>
            请选择你最喜欢的编程语言:
            <select>
                <option value="Java">Java</option>
                <option value="Java1">Java1</option>
                <option value="Java11">Java11</option>
                <option value="Java111">Java111</option>
            </select>
        </p>
        <p>
            留言:
            <textarea cols="30" rows="10"></textarea>
        </p>
        <p>
            <input type="button" value="我是一个普通按钮">
            <input type="submit" value="提交表单">
            <input type="reset" value="重置表单">
        </p>
    </form>
</body>

</html>

 

posted @ 2022-07-15 22:55  李林林  阅读(27)  评论(0编辑  收藏  举报