<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
color: #9C0;
}
.zhengti {
background-color: #C66;
width: 400px;
}
.zuo {
float: left;
width: 100px;
}
.zuo1 {
width: 50px;
background-color: #0CC;
white-space: nowrap;
overflow: hidden;
}
.you {
float: left;
width: 200px;
}
.qing {
clear: both;
}
-->
</style></head>
<body>
<div class="zhengti">
<div class="zuo">
<div class="zuo1"><input name="" type="checkbox" value="" />111111</div>
<div class="zuo1"><input name="" type="checkbox" value="" />2222222222</div>
<div class="zuo1"><input name="" type="checkbox" value="" />333333333333</div>
<div class="zuo1"><input name="" type="checkbox" value="" />4444444444</div>
</div>
<div class="zuo">
<div class="zuo1"><input name="" type="checkbox" value="" />111111</div>
<div class="zuo1"><input name="" type="checkbox" value="" />2222222222</div>
<div class="zuo1"><input name="" type="checkbox" value="" />333333333333</div>
<div class="zuo1"><input name="" type="checkbox" value="" />4444444444</div>
</div>
<div class="zuo">
<div class="zuo1"><input name="" type="checkbox" value="" />111111</div>
<div class="zuo1"><input name="" type="checkbox" value="" />2222222222</div>
<div class="zuo1"><input name="" type="checkbox" value="" />333333333333</div>
<div class="zuo1"><input name="" type="checkbox" value="" />4444444444</div>
</div>
</div>
</body>
</html>
分享到：
相关推荐
可能包含如何创建多个div，设置它们的宽度、高度、边距和内填充，以及如何通过CSS的浮动（float）或定位（position）属性来排列这些div。 “作业”和“作业2”文件可能是学生练习，实践中可能会用到`<form>`元素...
- 并集选择器：允许为多个选择器指定相同的样式规则，例如`p, div { color: red; }`。 #### CSS高级应用 - **后代选择器**：用于选择作为另一个元素后代的元素，例如`div p { color: blue; }`会选择所有`<div>`内...
- 复选框（checkbox）常以多个同时出现，允许用户选择多个选项。 - 图片域（image button）可以作为按钮的替代，点击图片触发相应操作。 - 菜单域（select）通常用于提供下拉列表，让用户选择一项或多项信息。 2...
}`: 设置一个居中的容器，通常用于固定宽度的布局设计。 - 使用 `display:inline` 和 `float` 来处理IE6浏览器的双倍边距问题，同时避免使用 `border-collapse` 属性来防止表格边框重叠。 #### 二、HTML结构元素...
如果是多选按钮（checkbox）或下拉菜单（select）等提交多个值，可以使用 `request.POST.getlist`。它返回一个包含所有选中选项的列表。例如，对于性别和爱好： ```python genders = request.POST.getlist('...
首先，HTML中复选框是一个表单元素，允许用户选择多个选项。在本例中，复选框用于实现用户是否记住密码的选项，通过复选框的选中与否来切换不同的背景图片，从而给用户以视觉上的反馈。复选框通过`<input>`标签实现...
CSS 的 background 属性可以设置背景图片、重复方式、固定方式等多个样式，可以使用缩写形式来简化代码。 二、选择题 1. 产生粗体字的 HTML 标签：。 HTML 的 strong 标签用于生成粗体字，表示强调的文本。 2. ...
<input type="checkbox" name="Remember me" id="Remember me" value="Remember me" checked="checked" /> <label for="Remember me" data-on="c" class="check"></label> ...
多选按钮（<input type="checkbox">）提供了一种方式，让用户可以选择多个选项，这里用于选择多门可选课程。选择列表（）让用户体验更加友好，通过下拉菜单选择喜欢的老师。最后，文本区域（）提供了多行文本输入的...
内联表单适用于需要在一行内显示多个表单元素的情况，尤其适合响应式设计。创建内联表单的方法是在元素上添加"class=form-inline"。这样，在大屏幕上，表单元素会水平排列；而在小屏幕上，它们会堆叠成垂直布局。 ...
总的来说，Bootstrap表单控件的使用涉及多个HTML元素和Bootstrap特有的CSS类，通过合理组合这些元素，我们可以快速构建出功能齐全且具有良好视觉效果的Web表单。了解并熟练掌握这些控件，将有助于提升开发效率，同时...
计算机二级等级考试主要涵盖计算机基础知识、编程语言、数据库管理、网页设计等多个方面。以下是部分题目解析，以帮助理解和复习相关知识点： 1. `InputStreamReader` 类是用来将字节流转换为字符流的，它用于处理...
这个文档，"HTML语言教程.doc"，涵盖了HTML的多个核心概念和元素，旨在帮助初学者理解并掌握HTML的基本用法。 **第一章 页面标记** 在这一章中，讲解了HTML文件的基本结构，包括如何定义文档类型（<!DOCTYPE>），...
* Multiple：多个的 * Multipart/form-data：表单的一种编码方式 四、框架 在 HTML 框架中，我们可以使用以下单词： * Frameset：框架支架，引申为框架集页面，作用是将浏览器窗口分为若干个框架 * Frame：框架 *...
- 用于创建复选框，用户可以选择多个选项。 9. 按钮类型：`button`、`submit`、`reset`： - `button`创建普通按钮，可自定义功能；`submit`用于提交表单；`reset`用于重置表单数据。 10. `text-decoration`： -...
`<form>`定义表单，`<select>`创建下拉菜单或滚动菜单，`multiple`属性使用户可选择多个选项，`size`定义预览选项数量，`<option>`填充菜单项。`<textarea>`创建多行文本输入区，`<input type="text">`创建单行文本...
4. 复选框：<input type="checkbox">，用于选择多个选项。 5. 文件域：，用于上传文件。 6. 下拉列表：，用于选择列表项。 7. 多行文本域：，用于输入多行文本。 8. 提交按钮：，用于提交表单。 9. 重置按钮：...
网页制作涉及多个方面，主要由HTML、CSS以及图像处理工具如FireWorks等构成。这篇实验报告详细记录了一名学生在学习网页设计与制作过程中的学习经历，主要包括HTML语言的运用，表格和表单的创建，以及FireWorks和CSS...
网页设计与制作涉及到多个方面，包括基本概念、技术标准、网页元素的使用以及设计工具的应用。以下是对练习题中涉及知识点的详细解释： 1. 网页制作软件：网页可以使用各种文本编辑器制作，如记事本、写字板，甚至...
6. 多个相同样式名：用逗号分隔，如`.commonStyle, .anotherStyle`。 7. 多条件同时成立选择器：如`div:hover`，选择鼠标悬停在`div`上的状态。 8. 包含选择器：如`div > p`选择直接子元素为`p`的`div`，`div p`...