HTML案例——求偶表单

<!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>
    <h1>智者不入爱河,寡王一路硕博,终能傍上富婆,建设美丽中国</h1>
    <hr>
    <form action="">
        昵称:<input type="text" name="" id="" placeholder="请输入">
        <br>
        <br>
        性别:
        <label><input type="radio" name="sex" id="" checked> 男</label>
        <label><input type="radio" name="sex" id=""> 女</label>
        <br>
        <br>
        所在城市:
        <select>
            <option>北京</option>
            <option>上海</option>
            <option>南京</option>
        </select>
        <br>
        <br>
        喜欢的类型:
        <label><input type="checkbox" name="" id="">可爱</label>
        <label></label><input type="checkbox" name="" id="">很可爱</label>
        <label></label><input type="checkbox" name="" id="">非常可爱</label>
        <br>
        <br>
        个人介绍:<br>
        <textarea name="" id="" cols="60" rows="5"></textarea>
        <h3>Promise</h3>
        <u1>
            <li>年满18岁,单身</li>
        </u1>
        <input type="submit">
        <button type="reset">重置</button>
    </form>
</body>
</html>

 


版权声明:本文为Recursions原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。