表格,表单元素补充17/03/22

1,table表格里面要占几行几列,要 <td colspan="3">

2,要设置button居中,可以把按钮放在p标签里面,然后设置<p class="text-center">

3,如需要单独使用表单元素和label元素贴近对齐时,可用:

<div class="form-horizontal">

  <div class="row">

    <label class="col-xs-4 control-label">年度:</label>

    <div class="col-xs-8">

      <select class="form-control">

        <option value="2017">2017</option>

        <option value="2016">2016</option>

      </select>

     </div>

  </div>

</div>

4,设置类似新闻列表

然后设置li为块级,然后设置border:1px dashed #333;

再设置span为块级,右浮动

时间: 2024-08-09 02:20:41

表格,表单元素补充17/03/22的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!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&quo

[Swift通天遁地]二、表格表单-(7)电子邮件Mail:实现单元格左右滑动调出功能按钮

本文将演示对单元格进行扩展,当手指在单元格左右滑动时,弹出不同的功能菜单. Github项目:[MGSwipeTableCell] 下载该项目的源代码.文件夹[demo]->文件夹[MailAppDemoSwift]->文件夹[MailAppDemoSwift] ->双击文件[MailAppDemoSwift.xcodeproj]打开示例工程. 选择该项目中的几个文件,拖动到自己的开发项目中.按住[Shift],选择 [MGSwipeButton.h] [MGSwipeButton.m]

【html学习整理】meta,img,表格,表单

meta标签: 作用: 给搜索引擎用 . 告诉浏览器是什么编码 <meta charset="UTF-8"> <meta name="keywords", content="烧饼 武大郎烧饼"> 关键字搜索 <meta name="description", content="******"> . 描述 图片img 图片格式:jpg gif png 语法: <img

[Swift通天遁地]二、表格表单-(8)快速实现表单的输入验证

本文将演示如何快速实现表单是输入验证. 首先确保在项目中已经安装了所需的第三方库. 点击[Podfile],查看安装配置文件. 1 platform :ios, '12.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'SwiftValidator', :git => 'https://github.com/jpotts18/SwiftVali

[Swift通天遁地]二、表格表单-(10)快速添加日期选择/多选/动作表单/地图等自定义表单

本文将演示创建一个更加强大的表单. Github项目:[Eureka] 下载该项目的源代码. 选择该项目中的几个文件,拖动到自己的开发项目中.按住[Shift],选择 文件夹[Example]->选择 一个自定义的单元格的类文件[CustomCells.swift] 文件夹[Helpers] 文件夹[CustomRows] ->保持默认的设置选项,点击[Finish] 选择资源文件夹[Assets.xcassets],导入项目中需要使用的图片. 在项目导航区,打开视图控制器的代码文件[View

[Swift通天遁地]二、表格表单-(14)实时调整表单元素的激活和失效

本文将演示如何激活或使表单的区域失效. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] 现在开始编写代码,实现激活或使表单的区域失效. 1 import UIKit 2 //首先在当前类文件中, 3 //引入以及安装的第三方类库 4 import Eureka 5 6 //修改当前视图控制器类的父类的名称 7 class ViewController: FormViewController { 8 9 override func viewDidLoad() {

[Swift通天遁地]二、表格表单-(16)在表单行内嵌入日期和时间拾取器

本文将演示如何在表单行内嵌拾取器. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] 现在开始编写代码,实现在表单行内嵌入日期和时间拾取器. 1 import UIKit 2 //首先在当前类文件中, 3 //引入以及安装的第三方类库 4 import Eureka 5 6 //修改当前视图控制器类的父类的名称 7 class ViewController: FormViewController { 8 9 override func viewDidLoad()

[Swift通天遁地]二、表格表单-(15)自定义表单文本框内容的格式

本文将演示如何设置表单中的输入内容的格式. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] 现在开始编写代码,实现设置表单中的输入内容的格式. 1 import UIKit 2 //首先在当前类文件中, 3 //引入以及安装的第三方类库 4 import Eureka 5 6 //创建一个货币类,该类继承自数学格式类,并遵循格式化协议. 7 class CurrencyFormatter : NumberFormatter, FormatterProtocol