使用HTML5和CSS3开发电子商务网站——第三张课后作业

1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请表</title>
</head>
<body>
<form method="post" action="">
    <h1>申请表</h1>
    <p><label for="b">姓名:<input type="text" name="姓名" id="b"/></p>
    <p>教育程度:<input type="checkbox" checked />硕士<input type="checkbox" id="d"/>博士</p>
    <p><label for="a"> 常用邮箱:</label><input type="email" id="a" required/> </p>
    <p>性别:<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女</p>
    <p><label for="age">年龄:</label><input type="text" name="age" id="age" size="30"/> </p>
    <p><label for="yue">月薪:</label><input type="text" id="yue" size="20" id="yue"/> </p>
    <p>
        附注:<textarea name="textarea" placeholder="请在这里键入附注" cols="20" rows="5"></textarea>
    </p>
    <p>国籍:
        <select name="国籍">
            <option value="America">美国</option>
            <option value="Australian">澳大利亚</option>
            <option value="Japan">日本</option>
            <option value="Singapore">新加坡</option>
        </select>
    </p>
    <p><input type="submit" value="提交"/>  <input type="submit" value="重置"/> </p>
</form>
</body>
</html>

2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子产品调查问卷</title>
</head>
<body>
    <h1>America Metric电子产品调查表</h1>
    <form method="post" action="">
        <p>姓名:<input style="text" name="name" placeholder="输入必须是2-6为字符"/></p>
        <p>购买日期:<input type="text" name="年" required/>年
            <select name="月">
                <option value="1">一</option>
                <option value="2">二</option>
                <option value="3">三</option>
                <option value="4">四</option>
                <option value="5">五</option>
                <option value="6">六</option>
                <option value="7">七</option>
                <option value="8">八</option>
                <option value="9">九</option>
                <option value="10">十</option>
                <option value="11">十一</option>
                <option value="12">十二</option>
            </select>月
            <select name="月">
                <option value="1">一</option>
                <option value="2">二</option>
                <option value="3">三</option>
                <option value="4">四</option>
                <option value="5">五</option>
                <option value="6">六</option>
                <option value="7">七</option>
                <option value="8">八</option>
                <option value="9">九</option>
                <option value="10">十</option>
                <option value="11">十一</option>
                <option value="12">十二</option>
                <option value="13">十三</option>
                <option value="14">十四</option>
                <option value="15">十五</option>
                <option value="16">十六</option>
                <option value="17">十七</option>
                <option value="18">十八</option>
                <option value="19">十九</option>
                <option value="20">二十</option>
                <option value="21">二十一</option>
                <option value="22">二十二</option>
                <option value="23">二十三</option>
                <option value="24">二十四</option>
                <option value="25">二十五</option>
                <option value="26">二十六</option>
                <option value="27">二十七</option>
                <option value="27">二十八</option>
                <option value="29">二十九</option>
                <option value="30">三十</option>
            </select>日
        </p>
        <p>电子邮件地址:<input type="email" name="email" placeholder="www.baidu.com"/></p>
        <p>手机号码:<input type="text" placeholder="输入的必须是13/15/18开头的11位数字" pattern="^1[358]\d{9}"/> </p>
        <p>您是否查看过我们的在线产品目录?<input type="radio" checked name="name"/>是 
            <input type="radio" name="name"/>否
        </p>
        <p>如果查看过,您对哪些产品有兴趣购买?(选择提供的商品)</p>
         <input type="checkbox"/> 大屏幕电视
        <input type="checkbox"/> 音频设备
        <input type="checkbox"/> 视频设备
        <input type="checkbox"/> 相机
        <p>在填写订单之前,您还有什么问题、意见或建议?</p>
        <textarea name="textarea" rows="4" cols="40">您的输入:</textarea>
        <p><input type="submit" value="提交" /> <input type="submit" value="重置" disabled/></p>
    </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值