html 使用表格和表单创建如下图所示的表单页面。求源代码

html 使用表格和表单创建如下图所示的表单页面。求源代码,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>产品订购</title>

</head>

<body><form action="#" method="post">

<table width="1000" border="1">

  <tr>

    <th colspan="4">产品订购</th>

  </tr>

  <tr>

    <td style="text-align:right">姓名:</td>

    <td><input type="text" name="consumer" /></td>

    <td>商品名称:</td>

    <td><input type="text" name="goods_name" /></td>

  </tr>

  <tr>

    <td style="text-align:right">地区:</td>

    <td>

     <select name="address">

         <option value="guangzhou">广州</option>

         <option value="beijing">北京</option>

         <option value="shanghai">上海</option>

        </select>

    </td>

    <td>付款方式:</td>

    <td>

     <input type="radio" name="pay" value="network" />网上

     <input type="radio" name="pay" value="mail" />邮局

     <input type="radio" name="pay" value="bank" />银行

    </td>

  </tr>

  <tr>

    <td style="text-align:right">关注产品:</td>

    <td colspan="3">

     <input type="checkbox" name="hufu" checked="checked" />护肤品

        <input type="checkbox" name="huazhuang" />化妆品

        <input type="checkbox" name="fuzhuang" checked="checked" />服装

        <input type="checkbox" name="dianqi" />电器

    </td>

  </tr>

  <tr>

    <td style="text-align:right">联系电话:</td>

    <td colspan="3"><input type="text" name="phone" /></td>

  </tr>

  <tr>

    <td style="text-align:right">备注:</td>

    <td colspan="3">

     <textarea name="comment" rows="10" cols="80"></textarea>

    </td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td colspan="3">

     <input type="submit" value="提交" />

     <input type="reset" value="重置" />

    </td>

  </tr>

</table>

</form>

</body>

</html>

可否满意?

我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法,他们都是在屏幕上d出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性更精彩,实际上我们经常会在进行网页浏览时简单这种类型的对话框,在用户与应用程序进行双向交流时,经常要用到对话框。avascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。

<a href="http://www.hackbase.com/tech/2014-12-25/70187.html" target="_blank">参考网站</a>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7194515.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存