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中.
请先 后发表评论~