html+css基础：问卷调查页面

一夕ξ

已于 2022-02-20 11:52:03 修改

阅读量2.7k

点赞数 3

分类专栏：自学前端文章标签： css html

于 2022-01-17 13:57:21 首次发布

本文链接：https://blog.csdn.net/qq_45387575/article/details/122538183

版权

自学前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>
    <style>
        body {
            background-color: pink;
        }
    </style>

</head>

<body>
    <h2>问卷调查</h2>
    <form>
        <table>
            <tr>
                <td>账号:</td>
                <td><input type='text' value='请输入正确的账号'></td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input type='password'></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td><input type='radio' name='sex'>男<input type='radio' name='sex'>女</td>
            </tr>
            <tr>
                <td>兴趣:</td>
                <td><input type='checkbox'>弹吉他<input type='checkbox'>唱歌<input type='checkbox'>画画<input type='checkbox'>打游戏</td>
            </tr>
            <tr>
                <td colspan='2'><img src='42b141d39ed8164593ef27b315ea2bab.jpg' width='500'></td>
            </tr>
            <tr>
                <td colspan='2'><select><option>请输入所在城市</option><option>湖南</option><option>广东</option></select></td>
            </tr>
            <tr>
                <td colspan='2'><input type='checkbox'><a href='https://www.xuexila.com/fwn/reportdiaoyan/c19356.html' target='_blank'>已同意服务条款</a></td>
            </tr>
            <tr>
                <td><input type='submit'></td>
                <td><input type='reset'></td>
            </tr>
        </table>
    </form>

</body>

</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 bgcolor='pink'>
    <form action='https://www/baidu.com' method='post'>
        <h2>问卷调查</h2>
        <div><span>账号：</span><span><input type='text' placeholder='请输入正确的账号'></span></input>
        </div>
        <div><span>密码：</span><span><input type='password' placeholder='请输入正确的密码'></span></div>
        <div>
            <span>性别：</span><span><input type='radio' name='sex'>男<input type='radio' name='sex'>女</span>
        </div>
        <div>
            <span>兴趣：</span>
            <span><input type='checkbox'>弹吉他<input type='checkbox'>唱歌<input type='checkbox'>画画<input type='checkbox'>打游戏</span>
        </div>
        <img src='42b141d39ed8164593ef27b315ea2bab.jpg' width='500'>
        <div>
            <select><option>请输入所在城市</option><option>湖南</option><option>广东</option></select>
        </div>
        <div><input type='checkbox'><a href='https://www/baidu.com' target='_blank'>已同意服务条款</a></div>
        <div>
            <span><input type='submit'></span>
            <span><input type='reset'></span>
        </div>
    </form>
</body>

</html>

一夕ξ

关注

3
点赞
踩
34

收藏

觉得还不错? 一键收藏
打赏
0
评论
html+css基础：问卷调查页面

<!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&gt...
复制链接

扫一扫