欢迎光临
我们一直在努力

2020年01月的文章

HTML基础

HTML | 行内元素和块级元素

SanRenYan阅读(212)评论(0)赞(1)

HTML可以将元素分为内联元素(行内元素)、块状元素和内联块状元素(行内块状元素)三种。这三者可以通过使用display属性进行任意转换。 内联元素:内联元素最常使用的就是span。 特征: 设置width和height无效 对margin...

HTML基础

HTML | 表单(九)布局页面调整

SanRenYan阅读(232)评论(0)赞(0)

到目前为止,表单已经基本完成了。下面为其进行布局。 首先看一下到目前为止的代码: 再来看一下目前的展示效果: 为了让页面更好看,为文字部分使用align="right",为表单部分使用align="left",使其分别右对齐和左对齐。 另外...

HTML基础

HTML | 表单(六)下拉菜单和列表标签

SanRenYan阅读(221)评论(0)赞(0)

当我们使用单选框时,如果待选择的选项非常多(如城市),会导致我们页面非常杂乱。这个时候通过下拉菜单就能很好地节约空间,使内容更整洁。 代码演示: 展示效果: select标签属性: 代码演示: 预览效果: 代码演示: 预览效果:

HTML基础

HTML | 表单(五)图像域和隐藏域

SanRenYan阅读(1437)评论(0)赞(0)

图像域(图片提交按钮)可以用于美化按钮,我们用图片代替常规的按钮,使页面更加好看。 图片域代码: 展示效果: 隐藏域用于传递不想让用户看到的内容,这些内容我们需要传送给服务器,但并不想在页面中展现出来。 代码演示:

HTML基础

HTML | 表单(四)按钮的使用

SanRenYan阅读(224)评论(0)赞(0)

表单中的按钮往往是必不可少的存在,常用的按钮有三种。 type="button" 普通的按钮,需要配合JS实现功能 type="submit"提交按钮,点击后把数据提交到服务器 type="reset"重置按钮,把填写的表单恢复最初的状态 ...

HTML基础

HTML | 表单(三)单选框和复选框

SanRenYan阅读(364)评论(0)赞(0)

单选框应用场景与语法格式 单选框的应用场景为:只允许且仅允许选择一项内容,比如选择性别。单选框的语法格式如下图所示。 使用单选框时,需要选择type="radio" 单选框的name必须一样 单选框设置checked属性可以让其默认选中 复...

HTML基础

HTML | 表单(二)文本域和文件域

SanRenYan阅读(335)评论(0)赞(1)

文本域 首先通过input创建单行文本域,type的值为text,常用属性如下图: 先创建姓名,代码如下: 创建邮箱,可以value预先设置文本框默认值@163.com,邮箱的值一般为email,代码如下; 创建密码,需要把type的值设置...

HTML基础

HTML | 表单(一)搭建表单页面结构

SanRenYan阅读(201)评论(0)赞(0)

input是表单常用的表单元素,我们会经常使用,通过对input标签type属性值的设定可以插入不同类型的表单元素,如:文字域、密码域、文件域等。 下面通过几篇文章实战一个完整的表单,最终结果如下图: 分析一下,首先“注册信息”四个字为H1...

HTML基础

HTML | 表单元素

SanRenYan阅读(201)评论(0)赞(0)

<input> 元素 最重要的表单元素是 <input> 元素。 <input> 元素根据不同的 type 属性,可以变化为多种形态。 <select>...

HTML基础

HTML | 表单介绍

SanRenYan阅读(242)评论(0)赞(0)

以下内容来自百度百科。 表单 表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单...

HTML基础

HTML | 表格的布局(实战)

SanRenYan阅读(137)评论(0)赞(0)

表格可用于布局整个HTML可见页面,如下图,我们可以通过表格做出这样的页面。 首先要遵循表格由外到内的原则分析表格。最外部分为头部、中间、尾部,是一个一列三行的表格。为了更好地使用页面,我们可以设置百分比,并给出背景色。 预览结果: 继续分...