html 调查表代码

HTML调查表是一个常见的网页元素，可以收集用户反馈和数据。在本文中，我们将简单介绍HTML调查表的代码框架和样式。

首先，我们需要创建一个HTML表单。代码如下：

form>
    label for="name">
    姓名:/label>
    input type="text" id="name" name="name">
    br>
    br>
    label for="age">
    年龄:/label>
    input type="number" id="age" name="age">
    br>
    br>
    label for="sex">
    性别:/label>
    select id="sex" name="sex">
    option value="male">
    男/option>
    option value="female">
    女/option>
    /select>
    br>
    br>
    label for="food">
    你最喜欢的食物:/label>
    input type="radio" id="food1" name="food" value="pizza">
    label for="food1">
    披萨/label>
    input type="radio" id="food2" name="food" value="burger">
    label for="food2">
    汉堡/label>
    input type="radio" id="food3" name="food" value="noodle">
    label for="food3">
    面条/label>
    br>
    br>
    label for="comment">
    留言:/label>
    textarea id="comment" name="comment" rows="4" cols="40">
    /textarea>
    br>
    br>
    input type="submit" value="提交">
    /form>
    

在这个表单中，我们定义了四个输入项：姓名，年龄，性别和食物偏好。我们还添加了一个留言框以供用户进行评论和意见。

现在，我们需要为表单添加样式。代码如下：

style>
form {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
input,select,textarea {
    padding: 5px;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}
input[type="submit"] {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
    /style>
    

这个样式表将使表单具有干净，现代的外观。我们设置了表单的背景色，边框半径和填充内边距。我们还设置了标签和输入字段的样式，以使它们看起来更加现代化和易于阅读。最后，我们还为提交按钮添加了一个漂亮的蓝色背景和白色字体。

在HTML调查表的构建过程中，配合合适的CSS样式，可以使它看起来更美观和易于使用。在实际应用中，可以根据需求修改代码和样式，以适应更多的场景。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！