基础表单练习

最新推荐文章于 2024-11-01 16:54:21 发布

枯萎小熊

最新推荐文章于 2024-11-01 16:54:21 发布

阅读量177

点赞数 4

文章标签： html5 css 学习前端

本文链接：https://blog.csdn.net/2301_79301066/article/details/136348481

版权

请制作如图表单

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单练习</title>
</head>
<body align="center" bgcolor="#E3DDDD">
    <form action="">
        <p><b>用户注册</b></p>
        <p>用户名：<input type="text"></p>
        <p>密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" autofocus></p>
        <p>请选择您的性别：<input type="radio" name="gender" checked>男
        <input type="radio" name="gender">女</p>
        <p>请选择您的爱好：<input type="checkbox" name="hobby">足球
        <input type="checkbox" name="hobby">篮球
        <input type="checkbox" name="hobby">LOL
        <input type="checkbox" name="hobby">韩剧
        <input type="checkbox" name="hobby">王者荣耀</p>
        邮箱：<input type="email" value="请输入您的邮箱"></p>
        用户头像：<input type="file"></p>
        <p>您的家庭住址是：<select name="" id="">
            <option value="">西安</option>
            <option value="">安徽</option>
            <option value="">合肥</option>
            <option value="">保定</option>
        </select>
        </p>
        <p>
        您的收货地址是：<select name="" id="" multiple >
            <option value="">请选择您的收货地址</option>
            <option value="">永川</option>
            <option value="" selected>江北</option>
            <option value="">万州</option>
        </select><br>
        </p>
         <p>
            请留下您的意见或建议：
            <textarea name="" id="" cols="30" rows="10">您的意见或建议：</textarea>
        </p>
        <p>
            请选择您喜欢的颜色：<input type="color">
            注册时间：<input type="datetime-local">
        </p>
        <p>
            <input type="button" value="注册">
            <input type="reset">
        </p>
        </select>
    </form>
</body>
</html>