div表单

组合表单中的相关元素:

<div id="leftSide">
    <fieldset>
    <legend>个人信息计</legend>
    <form action="" method="POST" class="form">
        <label for="name">姓名</label>
        <div class="div_texbox">
            <input name="name" type="text" class="textbox" id="name" value="" />
        </div>
        <label for="address">性别</label>
        <div class="div_texbox">
            <input name="sex" type="text" class="textbox" id="sex" value="" />
        </div>
        <label for="city">年龄</label>
        <div class="div_texbox">
            <input name="age" type="text" class="textbox" id="age" value="" />
        </div>
        <label for="country">住址</label>
        <div class="div_texbox">
            <input name="address" type="text" class="textbox" id="address" value="" />
        </div>
        <div class="button_div">
            <input name="Submit" type="button" value="Submit" class="buttons" />
        </div>
    </form>
    </fieldset>

运用<fieldset></fieldset>来控制标题和表单。利用<legend></legend>来控制标题。用一个div控制整个页面。表单中利用了<label></label>和<div><input></div>来控制文本框。

效果展示:
时间: 2024-10-21 11:12:03

div表单的相关文章

IE下object元素遮挡div表单

目前遇到这样的一个问题: 我用ActiveX插件做了一个C#的播放器,要将这个插件放到web浏览器中,然后可以通过前台页面来控制视频的播放,暂停还有回放,这个时候发现object的onclick事件无法相应,一搜索,确实是这样.那么怎么办呢?万能的搜索啊,终于有两种解决方案: 1,js监听ActiveX控件的行为.(按照网上给的,行不通,监听失败,原因是很多都是10年左右用vc++写的ocx插件的方法,现在行不通) 2,直接通过js控制. 很明显采用第2个方法,于是新的问题就出现了: 怎么调用?

ionic[卡片][表单]

卡片 .card.item.item-text-wrap .item.item-divider /***************************************/ 1 <div class="bar bar-header"> 2 <h1 class="title">bar-header</h1> 3 </div> 4 5 <div class="content has-header io

Boottarp学习(三)表单

基础表单 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootstrap框架中表单的制作. 表单源码查询 Bootstrap框架的表单,其源码占据了大量的代码,同样的,根据不同的Bootstrap版本,你可以轻松获取相应的

Bootstrap 表单(慕课笔记)

整理自慕课笔记 基础表单 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 对于基础表单,Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset.legend.label标签进行了定制.主要将这些元素的margin.padding和border等进行了细化设置. 当

yii2 表单提交一直报错 或者页面脚本写ajax,用firbug调试总是找不到地址页面404

在Yii框架中,为了防止csrf攻击,封装了CSRF令牌验证,使用Yii表单生成页面的时候,如果表单的提交方式为POST,是都会在页面中添加一个隐藏字段: <div style="display:none">     <input type="hidden" value="a429b6c0f4468db23a5661d1682db537fe2672c7" name="YII_CSRF_TOKEN" />

Bootstrap之表单

基础表单 表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 当然表单除了这几个元素之外,还有input.select.textarea等元素,在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果. 1.宽度变成了100% 2.设置了一个浅灰色(#ccc)的边框 3.具有4px的圆角 4.设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变

[转]AngularJS 使用 UI Router 实现表单向导

本文转自:http://www.oschina.net/translate/angularjs-multi-step-form-using-ui-router 今天我们将使用AngularJs和伟大的UI Router以及Angular ngAnimate module创建一个带动画的多步表单.这项技术可以用在你想要简化用户操作的大表单上. 我们看到这项技术已经应用在了许多的网页上.比如购物车,注册表单,入职流程以及许多多步表单,让用户更容易在线填写表单. 下面我们将构建它: 使用UI Rout

详解Bootstrap表单组件

表单常见的元素主要包括:文本输入框.下拉选择框.单选框.复选框.文本域.按钮等.下面是不同的bootstrap版本: LESS:  forms.less SASS:  _forms.scss bootstrap仅对表单内的fieldset.legend.label标签进行了定制 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0;

Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器。

基本选择器 说明:通过元素id.class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为test的元素,其他:$('div.mini') 3.标签选择器:$("div");//选取所有的<div>元素 4.群组选择器:$("p,div,.test");//选取所有<P>,<div>和