在线教程

  • css grid layout implicit

    ... 要时添加行(row)直到有足够的空间放置所有自动布局网格项。 使用自动布局的表单 <style type="text/css"> form { display: grid; /* 定义三列,均为其内容大小,并命名相应的网格行。*/ grid-template-columns: [labels] auto [controls] auto [oversized] auto; grid-auto-flow: row dense ...

  • html forms

    ... 的交互操作,比如登录表单,通常包含3个控件: 电子邮箱 <input type="email"> 用户密码 <input type="password"> 提交按钮 <input type="submit"> 这些控件被包含在一个 <form action="/login" method="POST"> 元素中。 文本输入框 为了支持用户输入姓名,电子邮件,密码,地址等信息,HTML表单中的文本输入框控件包含多种类型: ...

  • css pseudo classes

    ... 态的HTML元素。这对于用户输入类HTML元素inputs非常有用,因为聚焦是这类元素最基本的交互行为。 .form-input{ border: 2px solid grey; padding: 5px;} .form-input:focus{ background: lightyellow; border-color: blue; outline: none;} :checked :checked伪类是CSS3引入的一个很棒的状态选择器,用来表示选择框(radio box、 ...

  • css grid layout overview

    11.9 CSS 网格布局概述 网格布局是为了适应网页交互技术的发展 Grid layout可以用来构建各种布局,擅长把网页应用的空间划分为多个区域,或者定义各个HTML部件之间的尺寸、位置和层次关系。 在没有grid layout之前,作者常会使用table来构建多列布局。grid layout和table一样可以用来把元素按照行列对齐。 不过我们前面在html文档结构相关章节提到过,使用table来给整个网 ...

  • js ajax

    ... 送的数据: xmlhttp.open("POST","ajax_test.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Bill&lname=Gates"); 方法 描述 setRequestHeader(header,value ...

推广服务(新)
最新文章