HTML表单基本元素的应用之下拉选择框和普通按钮

下拉选择框

下拉选择框主要用于在有限的空间里设置多个选项。它既可以用作单选,也可以用作复选。代码格式如下。

<select name="..." size="..." multiple>

<option value=".." selected>

...

</option>

...

</selected>

其中size属性定义下拉选择框的函数;name属性定义下拉选择框的名称;multiple属性表示可以多选,如果不设置本属性,那么只能单选;value属性定义选项的值;selected属性表示默认已经选择本选项

(1)编写代码如下图所示,在<body>标签中加入以下代码。

(2)在浏览器中打开文件,预览效果图如下所示,即可看到下拉选择框。其中显示为3行选项,用户可以按住Ctrl键,选择多个选项。

普通按钮

普通按钮用来控制其他定义了处理脚本的处理工作。代码格式如下。

<input type="button" name="..." value="..." onClick="...">

其中type="button"定义按钮,name属性定义普通按钮的名称;value属性定义普通按钮的显示文字;onClick属性定义表单行为,也可以是其他事件,通过指定脚本函数来定义按钮的行为。

(1)编写代码如下图所示,在<body>标签中加入以下代码。

(2)在浏览器中打开文件,预览效果图如下所示,单机【拷贝】按钮即,即可将文本框1中内容复制到文本框2中.

举报
评论 0