form2.html

来自「java脚本即用特效源码从入门到精通帮你渡过难关」· HTML 代码 · 共 43 行

HTML

43 行

<html>
<head>
<title>Form下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--

function put()
{
option=document.forms[0].dropdown.options[document.forms[0].dropdown.selectedIndex].text
txt=option
document.forms[0].favorite.value=txt
}
//-->
</script>
<style type="text/css">
<!--
td {  font-size: 9pt}
body {  font-size: 9pt}
-->
</style>
</head>

<body bgcolor="#FFFFFF">
<form>
  <div align="center">
    <select name="dropdown" onChange="put()">
      <option>您最喜欢的浏览器是</option>
      <option value="ie">Internet Explorer </option>
      <option value="netscape">Netscape Navigator </option>
    </select>
    <input type="text" name="favorite">
    <input type="button" name="Submit" value="提交" onclick="javascript:alert('这是个例子！')">
  </div>
</form>
<table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr bgcolor="#FFFFCC"> 
    <td width="468"><font color="#FF0000" face="Arial, Helvetica, sans-serif"><b><font size="6">窗体</font></b></font><font color="#FF0000">技巧： 
      </font>下拉菜单选项处理</td>
</table>
</body>
</html>

form2.html - 源码说明

本页面展示了「java脚本即用特效源码从入门到精通帮你渡过难关」中的 form2.html 源码文件，采用 HTML 编程语言编写，共 43 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?