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

 我来答

1个回答

#热议# 不吃早饭真的会得胆结石吗？

有范er的小青年
2015-06-28 · TA获得超过866个赞

知道小有建树答主

回答量：806

采纳率：20%

帮助的人：256万

我也去答题访问个人页

关注

展开全部

<!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>