根据ID访问HTML元素如下方法实现

document.getElementById(idVal):返回文档中id属性值为idVal的HTML元素。

上面这个方法简单易用，只要被访问HTML元素具有唯一的id属性，那么javaScript脚本就可以方便地访问到该元素。

在设计良好的HTML页面中，建议为页面中的每个HTML元素都设置唯一的id属性值；或者要求其他成员开发HTML页面时尽量为每个元素设置唯一的id属性值。

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

• 输入类控件
• 菜单类控件

输入类组件 —— input

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

HTML 表单用于搜集不同类型的用户输入。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证，今天将为大家带来HTML中的表单及其input输入类型。

一、HTML表单

列表标签

在html中列表分为无序列表、有序列表和自定义列表（项目列表）。接下来就看看他们有什么不同吧！

作用：如果说table标签是用来显示数据的，那么列表标签

jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？

ddSlick是一款非常轻量的插件，能够帮助你实现自定义的下拉导航菜单效果。

话不多说，直奔主题

<!--html代码-->
<div>
			<ul>
				<li><a href="#home" class="active">主页</a></li>
				<li><a href="#news">新闻</a></li>
				<li>
					<div class="dropdown">
            <a href="#" class="dropbtn">下拉菜单</a>
              <div class="dropdown-content">
                <a href="#">链接 1</a> 
                <a href="#">链接 2</a> 
                <a href="#">链接 3</a>
              </div>
					</div>
				</li>
				<li><a href="#about">关于</a></li>
			</ul>
			<h3>导航栏上的下拉菜单</h3>
			<p>鼠标移动到 "下拉菜单" 链接先显示下拉菜单。</p>
		</div>

常见的用户界面元素之一是下拉列表（Dropdown List），提供一组可选项供用户选择。该元素通常显示为展开的列表形式，用户可以通过单击或选择列表中的选项。对于下拉列表的选项，一般由系统代码组成，因此通常无法对其进行维护，但有时会需要动态更新下拉列表的选项值。本文将介绍如何通过输入框实现下拉列表选项值的动态更新。

我们熟悉的标准HTML输入控件包括input,select,textarea等；比如通过改变input的value属性值，就可输入内容到文本输入框中。
有些网页表单为了实现特殊的效果和功能，可以不使用这些控件，通过客户端脚本生成特殊的输入方式。手工填表不受影响，如果自动填表就需要使用特殊的方式。