表单

作者: 寻_4533 | 来源:发表于2019-04-01 18:37 被阅读0次

前面我们已经学习了表格,下面又要学习一个新的知识-----表单

我们该如何来使用表单呢?

首先使用标签来创建一个表单

使用form创建的仅仅是一个空白的表单,我们还需要向form中添加不同的表单项

表单中必须要有两个属性action和method

action表示提交表单到服务器中的地址method表示提交表单的方法

设置请求方式:method=“post”

还有一个表单项  表单分为很多不同的样式  比如文本框,密码框,多选框,单选框,提交按钮,input是我们使用的做多的表单项,它可以根据不同的type属性呈现不同的状态,type的可选属性值,text:文本框,password:密码框,sumit:提交

radio:单选,checkbox:多选框,reset:重置,select用于创建一个下拉列表,option表示下拉选项,optgroup用于为列表项分组,

还有一个button用来创建按钮,他是成对出现的标签,使用起来比较灵活

再来说下动画,准确来说是transition动画,它的运动方式如下属性

linear 匀速

ease 开始和结束慢速

ease-in 开始是慢速

ease-out 结束时慢速

ease-in-out 开始和结束时慢速

cubic-bezier(n,n,n,n)  也叫贝塞尔曲线,上面几个都可以用贝塞尔曲线来做

比如:cubic-bezier(0.845, -0.375, 0.215, 1.335)

我们用border-radius来设置圆角,也可以同时设置多个圆角,box-shadow用来

设置阴影,此外,还有颜色的透明表示法

rgba(新的颜色值表示法)

主要分为两点

1、盒子透明度表示法:opacity:0.1;filter:alpha(opacity=10)(用来兼容IE);

2、rgba(0,0,0,0.1) 前三个数值表示颜色,第四个数值表示颜色的透明度

相关文章

  • bootstrap之form表单

    表单布局 垂直表单(默认) 内联表单 水平表单 垂直表单或基本表单(display:block;) 创建基本表单的...

  • 【读书笔记+思考】移动设备表单设计

    在移动界面中,常见的表单模式有:登录表单;注册表单;核对表单;计算表单;搜索表单;多步骤表单;长表单等 登录表单:...

  • bootstrap表单

    表单布局 垂直表单(默认) 内联表单 水平表单 垂直表单或基本表单 基本的表单结构是 Bootstrap 自带的,...

  • bootstrap 表单布局的三种方式

    三种 垂直表单(默认) 内联表单 水平表单 垂直表单 效果 内联表单 效果 水平表单 效果 参考:https://...

  • 表单相关总结

    表单?表单作用:收集用户信息。表单组成:表单域、表单控件、提示信息。 表单域常用属性 常用属性: name=...

  • 网页设计:HTML表单标签

    表单包含三个基本组成部分:表单标签、表单域、表单按钮。 1,表单标签 HTML 表单用于收集用户输入,表单使用 ...

  • 2019-04-09 表单(5)

    表单布局Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 1.垂直或基本表单 ...

  • 动态表单实现

    angular动态表单 地址: angular表单 vue动态表单 地址: vue表单

  • bootstrap表单

    垂直表单(默认) 内联表单 水平表单 垂直表单 也称基本表单基本的表单结构是 bootstrap 自带的创建基本表...

  • 前端视频-day3(1)

    表单 表单不是表格,表单的核心是数据。 表单标签的构成和形式: 表单项 下面是我写的一个简单的注册表单 注意:表单...

网友评论

      本文标题:表单

      本文链接:https://www.haomeiwen.com/subject/ihrbbqtx.html