html表单

最新推荐文章于 2024-08-21 13:18:51 发布

Duke的专栏

最新推荐文章于 2024-08-21 13:18:51 发布

阅读量275

点赞数

分类专栏： html，css 文章标签： html表单

本文链接：https://blog.csdn.net/duke10/article/details/80011724

版权

html，css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <h3>用户注册</h3>
    <form action="http://www.baidu.com" method="post">
        <div>
            <label for="username">用户名：</label>
            <input type="text" name="username" id="username" value="tom">
        </div>

        <br>

        <div>
            <label>密码：</label>
            <input type="password" name="pwd">
        </div>

        <br>

        <div>
            <label>性别：</label>
            <input type="radio" name="gender" id="male" value="0"><label for="male">男</label>
            <input type="radio" name="gender" id="female" value="1"><label for="female">女</label>
        </div>
        <br> 
        <div>
            <label>爱好：</label>
            <input type="checkbox" name="like" value="game">游戏
            <input type="checkbox" name="like" value="shopping">逛街
            <input type="checkbox" name="like" value="sleep">睡觉
        </div>
        <br>
        <div>
            <label>照片：</label>
            <input type="file" name="">
        </div>
        <br>
        <div>
            <label>籍贯：</label>
            <select name="site">
                <option value="0">北京</option>
                <option value="1">上海</option>
                <option value="2">广州</option>
                <option value="3">天津</option>
            </select>
        </div>
        <br>
        <div>
            <label>个人描述：</label>
            <textarea name="info"></textarea>
        </div>
        <br>
        <input type="hidden" name="hid" value="10000">
        <!-- <input type="submit" name="" value="提交"> -->
        <input type="reset" name="" value="重置">
        <input type="image" name="" src="./images/icon.jpg">    <!--以一张图片作为提交的按钮， 不建议使用-->
        <input type="button" name="" value="按钮">

    </form>
</body>
</html>