HTML表单


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width-device,initial-scale=1.0">
        <title>HAPULUOSI</title>
    </head>
    <body>
        <form action="">
            <p>
                用户名:<input type="text" placeholder="请输入用户名">
            </p>
            <p>&nbsp;码:<input type="text" placeholder="请输入密码">(text换为password可以让输入的密码保密)
            </p>
            <p>&nbsp;别:
                <label>
                    <input type="radio" name='sex'></label>
                <label>
                    <input type="radio" name='sex'></label>
                <label>
                    <input type="radio" name='sex'>保密
                </label>
            </p>
            <p>&nbsp;好:
                <input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"></p>
        </form>
    </body>
</html>

<p>&nbsp;好:
                <input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"><input type="checkbox" name="hobby"></p>
            <p>
                自我介绍:
                <textarea rows="4s" cols="10" placeholder="请输入自我介绍" style="resize:none"></textarea> 
            </p>
                籍贯:
                <select>
                    <option>北京</option>
                    <option>安徽</option>
                    <option>广州</option>
                    <option>深圳</option>
                    <option>天津</option>
                    <option>上海</option>
                </select>
        </form>
    </body>
</html>

 

 

 

 

 

posted @ 2021-03-31 17:48  hapuluosi  阅读(67)  评论(0)    收藏  举报