「必看技巧」如何用代码隐藏功能区、导航区、状态栏？

i，大家好呀！

今天想着给大家分享点啥呢？最近几个月断更的有些“勤快”了，那就给大家分享个几行代码。

当我们在access中开发完成后，为了让我们的系统更加的像一个系统，我们会把access的功能区，导航区，状态栏都给隐藏起来。一般我们都是这么操作的。

隐藏状态栏

我们先来隐藏导航栏。首先，我们要知道哪里是状态栏，如下图：

手工配置：

打开Access选项（选项的位置在文件——>选项），选择当前数据，把显示状态栏的勾选去掉，然后点击确定，最后重新启动一下Access。

如果用代码：

'显示

Application.SetOption "Show Status Bar", True

'隐藏

Application.SetOption "Show Status Bar", False

隐藏功能区

功能区是哪一块呢？如下图，下图就是Access的功能区，如果要隐藏，那我们也需要写一行代码

代码：

'隐藏功能区

DoCmd.ShowToolbar "Ribbon", acToolbarNo

'显示功能区

DoCmd.ShowToolbar "Ribbon", acToolbarYes

隐藏导航区

最后我们来看一下隐藏导航区。那哪里是导航区呢，如下图：

手工配置：

还是一样先打开Access选项，选择当前数据，滚轮往下滚，找到显示导航窗格，把勾选去掉，然后点击确定，最后重新启动一下Access。

代码：

'隐藏

DoCmd.SelectObject acForm, , True

DoCmd.RunCommand acCmdWindowHide

'显示

DoCmd.SelectObject acForm, , True

DoCmd.RunCommand acCmdWindowUnhide

全部隐藏的效果是这样的。这样就只显示自己做的窗体。

好了，大家快去试一下吧。

END

一章职业规划和前景

职业方向规划定位：
web前端开发工程师
web网站架构师
自己创业
转岗管理或其他
web前端开发的前景展望：
未来IT行业企业需求最多的人才
结合最新的html5抢占移动端的市场
自己创业做老板
随着互联网的普及web开发成为企业的宠儿和核心
web职业发展目标：
第一、梳理知识架构
负责内容的HTML
负责外观的css（层叠样式表）
负责行为的js
ps切图
第二、分解目标（起步阶段、提升阶段、成型阶段）
起步阶段：
基本知识的掌握
常用工具的掌握
沟通技巧的掌握（围绕客户的需求）
良好的开发习惯（加注释、对齐方式）
提升阶段：
熟悉掌握HTML基本标签和属性
熟练掌握css的基本语法和使用
浏览器兼容和w3c标准的掌握
结合html+css+js开始系统项目的开发
成型阶段：
精通DIV+CCS布局
精通css样式表控制html标签
熟悉运用js制作动态网站的效果
能独立开发完成网站

第二章 html基本结构

认识HTML：
html不是一种编程语言，是一种标志语言
标记语言是由一套标识标签组成的
html使用标签来描述网页
html结构：

<html>
 <head></head>
 <body></body>
</html>

不成对出现的标签
<br> <hr> <meta> <img> <input..> <option..> <link>
HTML 基本标签的讲解：
<html> <head> <body>标签
<h1>—-<h6>仅仅用于标题文本，不要为了产生粗体文本使用它们
<p>标签段落标签
<strong><b>标签
都会让文字产生加粗效果
<strong>用于强调文本，强度更深，表示重要文本—>用于SEO优化
<b>只是视觉加粗效果—>单纯为了产生加粗
<em> <i>标签
em用于强调文本
i只是视觉斜体效果
<strong>比<em>强调更强
特殊符号：
—->空格
> —>大于号
&lt；—>小于号
&quot；—>引号
?–>版权号

第三章 html基本标签

HTMl基本标签：
span标签
对被用来组合文档中的行内元素
注意：span没有固定的格式表现，当对它应用样式时，才会产生视觉上的变化
<pre>标签
文字的格式按源码的排版来显示，我们称之为预处理格式
<a>标签—>他有一个必不可少的属性 href
target属性：
_self(在原来页面打开)
_blank（新窗口打开）
_top（打开时忽略所有的框架）
_parent（在父窗口中打开）
创建锚点和锚链接
锚点也是一种超链接，是页面内进行跳转的超链接
第一步：创建锚点 <a name="锚点名称"></a>
第二步：使用创建好的锚点名称 <a href="#锚点名称">内容</a>
marquee标签
可以创建一个内容滚动效果

<marquee direction="down" loop="4" onmouseover=this.stop() onmouseout=this.start()></marquee>

direction 表示滚动方向，取值有（left,right,up,down,默认left）
loop表示滚动循环的次数，默认为无限循环

onmouseover=this.stop() onmouseover=this.start() scrollamout="1"(滚动速度)

表示当鼠标移上区域的时候停止滚动，鼠标移开继续滚动

第四章 img图片标签与路径

图片标签与路径：
常见图片格式 jpg png gif
Gif （只支持全透明）
Jpeg /jpg
Png 半/全透明都支持
图片标签写法：
<img src="" alt="" width="" height="" />
图片四要素：
src="" 图片路径
alt="" 图片含义
width="" 图片宽度和图片大小保持一致
height="" 图片高度和图片大小保持一致
title=""
路径知识：
相对路径、绝对路径：
相对路径：(Relative Path) 相对于该文件的路径；
绝对路径：(Absolute Path) 从磁盘出发的路径；
<img src="" …… align="" /> align属性–设置图片与后面文字的位置关系
值–top、bottom、middle、absmiddle、left、right
在静态页面中：
/开头表示根目录；
./表示当前目录；（斜画线前面一个点）
../上级目录；（斜画线前面两个点）
直接用文件名不带/也表示同一目录
这些都是相对于当前文件的位置来说的，如果用绝对路径的话就是写全了。

第五章三种列表的讲解

三种列表的知识讲解：
<ul>无序列表
无序列表是一个没有顺序项目的列表，此列表项默认粗体圆点进行标识

<ul>
 <li></li>
 <li></li>
 <li></li>
</ul>

有序列表

有序列表也是一列项目，只是列表项目使用的是数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li>标签。

<ol>
 <li>内容一</li>
 <li>内容二</li>
 <li>内容三</li>
</ol>

列表符号
无序列表-列表符号:
type="circle" 空心圆 type=“disc” 实心圆默认值 type="square" 方块符
有序列表-列表符号
type="A" A B C D
type="a" a b c d
type="1" 1 2 3 4 默认值type=”I” I II III type=”i” i ii iii
列表嵌套
无序列表-嵌套

<ul>
 <li>柚子
 <ul>
 <li>沙田柚</li>
 <li>蜜柚</li>
 </ul>
 </li>
 <li>荔枝</li>
 <li>苹果</li></ul>

有序列表-嵌套

<ol>
 <li>茶
 <ul>
 <li>红茶</li>
 <li>绿茶</li>
 </ul>
 </li>
 <li>果汁</li>
 <li>牛奶</li></ol>

定义列表
定义列表不仅仅是一列项目，而是项目及其注释的组合。定义列表以 <dl> 标签开始。每个定义列表项以 <dt>开始。每个自定义列表项的定义以 <dd> 开始。

<dl> 
 <dt>pc网页制作</dt> 
 <dd>学习DIV+CSS JS JQ 项目实战</dd> 
 <dt>手机网页制作</dt> 
 <dd>手机网页制作实战</dd>
</dl>

dd是对dt的解释
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目，
< dd>< /dd>用来创建列表中最下层项目，
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

<dl>
 <dt>中国城市</dt>
 <dd>北京 </dd>
 <dd>上海 </dd>
 <dd>广州 </dd>
 <dt>美国城市</dt>
 <dd>华盛顿 </dd>
 <dd>芝加哥 </dd>
 <dd>纽约 </dd>
</dl>

dl是definition list的缩写
dt是definition title的缩写
dd是definition description的缩写
list-style属性具有三个属性分量：
list-style-position ：设置列表项图标的位置，位于文本内或者文本外
list-style-type：设置列表项图标的类型
list-style-image：使用图像设置列表项图标

第六章表单元素(上)

表单标签:
<form>表单标签
<form>表单是一个包含表单元素的区域，包括起来的都是表单的内容

<form>
 <input type="text"/>
</form>

HTML标签 - Action和确认按钮：
当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form action="html.do" method="get"> 
 username: <input type="text" name="user" /> 
 <input type="submit" value="提 交" />
</form>

HTML标签 - 隐藏域隐藏标签：
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器

<form> 
 <input type="hidden" name="hid" value="value">
</form>

<input>标签的掌握
常用type类型：
<input type="" name="" value="" />
type="text" 单行文本输入框
type="password" 密码（maxlength=""）
type="radio" 单项选择（checked="checked"）
type="checkbox" 多项选择
type="button" 按钮
type="submit" 提交 type="image"图片提交
type="file" 上传文件
type="reset"重置
type="hidden" 隐藏
关于表单中的设置默认值：

<input type="text" name="" value="今天心情不错" />
<input type="radio" name="" value="" checked="checked">
<input type="checkbox" name="" value="" checked="checked">

<select name="" >
 <option value=""></option>
 <option value="" selected="selected"></option>
<select>

textarea没有默认值
<label>标签的使用
<label></label>
label 元素不会向用户呈现任何特殊效果。
不过，它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的for 属性应当与相关元素的 id属性相同。
例子：（重要—注册表单–用户体验–必做）

<p>单向选择</p>
<label for="male">男：</label><input type="radio" name="sex" id="male"/>
<label for="nv">女：</label><input type="radio" name="sex"checked="check"/>

第七章表单和表格(下)

表单和表格标签：
<textarea>文本域标签
<textarea>标签：
<textarea></textarea>是文本域标签，可以在其中插入一段文字内容，它有两个常用属性rows和cols
注意：
rows表示这个文本域有多少行
cols表示这个文本域有多少列
除了这两个属性它还有readonly（只读，文本域的内容无法改变，相当于协议）和title（鼠标放上提示）
<select>标签的掌握
注：当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 <select> 表单数据提交给服务器时包括 name属性

<form> 
 <select name="" id="">
 <option value="1">1月</option> 
 <option value="2">2月</option> 
</select>
</form>

常用到的属性：disabled=“disabled” name="sel" size="2"
<table>表格标签
<table>表格标签：<table>是表格标签，可以用它定义一个表格。

<table border="1">
 <tr>
 <td>姓名</td>
 <td>性别</td>
 </tr>
</table>

注意：<table>的border属性不能少
<tr> <td>标签的使用
<tr>行标签：
<tr>可以定义表格中的一行，一个<tr></tr>表示一行。

<table border="1">
<tr>
 <td>姓名</td>
 <td>性别</td>
</tr>
<tr>
 <td>姓名</td>
 <td>性别</td>
</tr>
</table>

<td>单元格标签:
<td>可以定义表格中的一个单元格，<td></td>表示一个单元格。

<table border="1">
<tr>
<td >姓名</td>
<td>性别</td>
<td>爱好</td>
</tr>
</table>

border-collapse 属性设置是否将表格边框折叠为单一边框：
border-collapse:collapse;
colspan左右合并
rowspan上下合并

第一部分总结：

非可视化标签：head meta style scrpit...
可视化标签：img div span a ul li…
只有可视化标签，才能用css改变它
单标签：meta link base img input br hr
双标签：html head body div a p span ..ul li ol dl ….
常用可视化标签
div
一般用它来布局
a 超链接标签
href*属性：设置跳转的网页地址
target属性：设置跳转的目标
结论：凡事页面可以点击跳转或者表单提交的文字，都用a标签
img
src*属性用来设置图片的url数据
alt提供给搜索引擎搜索的
width
height
结论：显示图片
ul li
列表
结论：只要将来设计页面中有固定样式的列表，就用ul和li
table caption tr td (th)
慢慢已经被淘汰了被ul li代替
如果是合并竖排的就是合并行（rowspan）
如果是合并横排的就是合并列（colspan）

HTML部分导图总结

HTML5标签集合

学习从来不是一个人的事情，要有个相互监督的伙伴，想要学习或交流前端问题的小伙伴可以私信“学习”小明加群获取2019web前端最新入门资料，一起学习，一起成长！

篇介绍了表单的使用，表单有很多控件，比如输入框，密码框、文本域，按钮等。按类型可分如下：

输入类控件
菜单类控件

输入类组件 —— input

此类控件有很多种类型，使用<input type="类型">语法，常见类型如下：

type 值	含义
text	文字字段
password	密码域，用户看不到明文，以*代替
radio	单选按钮
checkbox	多选按钮
button	普通按钮
submit	提交按钮
reset	重置按钮
image	图像域，用图像作为背景的提交按钮
hidden	隐藏域，不可见的输入框
file	文本域，用于上传文件等非文本数据

文本输入框和密码框

除了显示形式不一样，其它属性一样，有以下属性：

name —— 定义文字字段名称，用于和其它控件区别，不能包含特殊字符，也不可使用html 标签名称
maxlength —— 定义文本框可输入字符最大长度
size —— 定义文本框在页面中显示的长度
vaule —— 定义文本框中默认的值

如下是文本输入框和密码框制作一个登录表单

html代码：

<!DOCTYPE html>
<html>
<body>
<h1>用户登录</h1>
<form action="/demo/html/action_page.php">
  <label for="fname">用户名:</label><br>
  <input type="text" id="username" name="username" value=""><br>
  <label for="lname">密码:</label><br>
  <input type="password" id="pwsd" name="pwsd" value=""><br><br>
  <input type="submit" value="提交">
</form> 
</body>
</html>

显示效果：

HTML5 输入类型

除了以上几种类型，HTML5 还增加了多个新的输入类型：

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

如下代码：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
  数字类型（1 到 5 之间）：
  <input type="number" name="quantity" min="1" max="5">
  IE9 及早期版本不支持 type="number"。<br>
  color 选择颜色：
  <input type="color" name="color"><br>
   生日:
  <input type="date" name="bday"><br>
  年月：
  <input type="month" name="bdaymonth"><br>
  年周：
  <input type="week" name="week_year"><br>
  时间：
  <input type="time" name="usr_time"><br>
  一定范围
   <input type="range" name="points" min="0" max="10"><br>
   E-mail:
  <input type="email" name="email">
  能够在被提交时自动对电子邮件地址进行验证<br>
  搜索：
  <input type="search" name="googlesearch"><br>
  电话：
  <input type="tel" name="usrtel">
  目前只有 Safari 8 支持 tel 类型。<br>
  url：
  <input type="url" name="url">
  提交时能够自动验证 url 字段<br>
  <input type="submit">
</form>
</body>
</html>

效果如下：

单选和多选按钮

使用 type=“radio” 和 type=“checkbox” 定义是单选还是多选，除了name和value属性外，单选和多选都有一个 checked属性定义默认选择的项，checked=“true”指选中那个选项，表单会将 checked=“true” 的选型值传递给后台。

如下实例：

<!DOCTYPE html>
<html>
<body>
<h4>单选和多选</h4>
<form action="/demo/demo_form.asp">
水果：
<input type="radio" name="shuiguo" value="banner" checked> 香蕉
<input type="radio" name="shuiguo" value="apple"> 苹果
<br><br>
省份：
<input type="checkbox" name="shengfen" value="shannxi" checked> 陕西
<input type="checkbox" name="shengfen" value="sanxi"> 山西
<input type="checkbox" name="shengfen" value="gdong"> 广东
<br><br>
<input type="submit">
</form> 
</body>
</html>

显示效果：

单选和多选传递给后台的数据是不一样的，如下会看到地址栏中的数据，多选会发送多个值，后台将会获取一个数组形式的数据。

/demo/demo_form.asp?shuiguo=banner&shengfen=shannxi&shengfen=sanxi

普通按钮、提交按钮、重置按钮

普通按钮：type=“button”，一般配合脚本使用，语法如下：

<input type="button" name="名称" value="按钮值" onclick="脚本程序" />

value 值就是按钮在页面显示的文字，onclick属性定义了脚本事件，这里指单击按钮时所进行的处理。

如下示例：

<!DOCTYPE html>
<html>
<body>
<form>
 <input type="button" value="普通按钮">
<input type="button" value="打开窗口" onclick="window.open()">
<input type="button" value="您好" onclick="alert('您好')">
  </form>
</body>
</html>

单击您好按钮

提交按钮：type=“submit”，用于提交表单内容，是一种特殊按钮。

如刚才的登录表单，提交后会返回结果：

重置按钮：type="reset"，用于清除表单数据，也是一种特殊按钮。

输入数据

点击重置按钮后，表单数据清空

重置清空数据

HTML5 按钮

除了使用input定义按钮，还可以使用 html5 新增的<button> 标签定义按钮，button 使用语法如下：

<form action="/demo/html/action_page.php">
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
</form>

其它输入类控件

隐藏域 —— hidden
文件域 —— file

如下示例：

<form action="/demo/html/action_page.php">
  <label for="fname">隐藏域:</label>
  <input type="hidden" id="hidden" name="hidden" value=""><br>
  <label for="lname">文件域:</label>
  <input type="file" id="file" name="file" value=""><br>
  <input type="submit" value="提交">
</form>

显示效果

可以看到，隐藏域在页面中不显示，单击文件域选择文件按钮可以选择文件，比如word文件，电子表格文件等，会以非文本方式传送到后台的，常用来实现文件上传功能。

文本域 —— textarea

除了input 类型的控件，还有文本域 textarea ，一种特殊的文本框，它与input 文本输入框的区别就是可以输入多行文字，input 文本输入框是单行的无法输入多行文字。

如下示例：

<p>textarea 元素定义多行输入字段。</p>
<form action="/demo/html/action_page.php">
  <textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>
  <br><br>
  <input type="submit">
</form>

效果如下：

rows 属性定义文本域的高度是几行，cols 定义文本域宽度占几列，比如上面定义了高10行宽30列的文本域。

下拉菜单和多选列表

下拉菜单作用和单选按钮类似，只不过它更加节省空间，当要选择的选型很多时，就不适合使用radio空间，所以当选项很多的时候，使用下拉菜单，语法如下：

<select name="名称">
<option value="选项值1" selected>选项1</option>
<option value="选项值2">选项3</option>
更多option......
</select>

多选列表和多选按钮类似，一样为了节省空间，当数据选项比较多时，使用多选列表，语法如下：

<select name="名称" size="可看见的列表项数" multiple>
<option value="选项值1" selected>选项1</option>
<option value="选项值2">选项3</option>
更多option......
</select>

多选比下拉菜单不同之处是多了一个multiple属性，定义多选的，且表现形式也不一样，不是下拉而是一个列表。

如下代码：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
下拉菜单：<br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<br>
多选列表：<br>
<select name="cars" size="3" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<br><br>
<input type="submit">
</form>
</body>
</html>

显示效果：

这里需要注意的是，多选列表多选时需要按住ctrl键同时鼠标单击选择才能多选，效果如下：

到这里，已介绍了大部分的表单控件，现在你可以使用他们制作自己的表单，表单通常在动态网站中使用，这为以后制作动态网站打下基础。

还有许多属性没有讲到，比如html5新增的一些属性和功能，可自行参考 w3cshool 等网站学习，感谢关注，学习愉快！

上篇：前端入门——html 表单

下篇：前端入门 —— 网页中使用窗口框架

在线咨询

上一篇：可以一学的代码优化小技巧：减少if-else冗余
下一篇：HTML5编程语言的就业方向有哪些？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

「必看技巧」如何用代码隐藏功能区、导航区、状态栏？

输入类组件 —— input

文本域 —— textarea

下拉菜单和多选列表

您的项目需求