前端(表单)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style type="text/css">
    
    </style>
</head>
<body>
    <form action="" method="get">
        <fieldset>
            <legend>用户信息</legend>
            <label for="u">用户名</label> 
            <input id="u" type="text" name="username">
            <br>
            <br>
            密码<input type="pwd" name="pwd">
            <br>
            <br>
        </fieldset>
        性别<input type="radio" name="gender" value="male">男
        <input type="radio" name="gender" value="famale">女
        <br>
        <br>
        爱好<input type="checkbox" name="hobby" value="zq">足球
        <input type="checkbox" name="hobby" value="lq">篮球
        <input type="checkbox" name="hobby" value="wq">网球
        <br>
        <br>
        你喜欢的明星
        <select name="star" id="">
            <optgroup label="男明星">
                <option value="yt">尹天</ytoption>
                <option value="yt" selected="selected">尹天</option>
                <option value="yt">尹天</option>
            </optgroup>
            <optgroup label="女明星">
                <option value="cy">程宇</option>
                <option value="cy" selected="selected">程宇</option>
                <option value="cy">程宇</option>
            </optgroup>
        </select>
        <br>
        <br>
        自我介绍<textarea name="info"></textarea>
        <br>
        <br>
        <button type="submit">提交</button>
        <button type="submit">提交</button>
        <button type="submit">提交</button>

        <br>
        <br>
        <input type="submit">
    </form>
</body>
</html>
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容