📄 form3.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--

function check()
{
myselect=document.myform.s1
answer=document.myform.answer
txt=""
for (i = 0; i<myselect.length; ++ i)
{
if (myselect[i].checked)
{
txt=txt + myselect[i].value + " "
}
}
answer.value=txt
}
//-->
</script>
<style type="text/css">
<!--
td {  font-size: 9pt}
body {  font-size: 9pt}
-->
</style>
<title>Form处理技巧三</title></head>
<body bgcolor="#FFFFFF">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td colspan="2"> 
      <form name="myform">
        请选择如下的商品：<br>
        <input type="checkbox"
name="s1" value="咖啡" onClick="check()">
        咖啡<br>
        <input type="checkbox"
name="s1" value="白糖" onClick="check()">
        白糖<br>
        <input type="checkbox"
name="s1" value="葡萄酒" onClick="check()">
        葡萄酒<br>
        <input type="text" name="answer">
        <input type="button" name="test" onClick="javascript:alert('哈哈，你选择的商品间用空格分开了，\n\n通常你点击这个按钮后交由Action\n\n指定的程序处理你选择的商品！')" value="订购">
      </form>
    </td>
  </tr>
  <tr bgcolor="#F0F0F0"> 
    <td width="451"><font color="#FF0000" face="Arial, Helvetica, sans-serif"><b><font size="6">窗体</font></b></font><font color="#FF0000">技巧： 
      </font>复选框的选择控制技巧。</td>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -