第三章

最新推荐文章于 2022-11-25 11:53:56 发布

qq_43142119

最新推荐文章于 2022-11-25 11:53:56 发布

阅读量180

点赞数

本文链接：https://blog.csdn.net/qq_43142119/article/details/83547226

版权

3.请用HTML5实现图所示的申请表表单。

在这里插入代码片  <h1>申请表</h1>

    <form method="post" action="">
        姓名：
        <input type="text" name="">
        <p>
         教育程度：
            <input type="checkbox" name="ben" value="硕士"checked/>硕士
            <input type="checkbox" name="ben" value="博士"/>博士
        </p>
        <p>
            常见邮箱：
            <input name="" type="email"/>
        </p>
        <p>
            性别：
            <input type="radio"name=""value="男"checked/>男
            <input type="radio" name="" value="女"/>女
        </p>
        <p>
            年龄：
            <input type="text" name="" value="">
        </p>
        <p>
            月薪：
            <input type="text" name="" value="">
        </p>
        <p>
            附注：
            <textarea name="textarea" cols="30" rows="5">请在这里键入附注

            </textarea>
        </p>
        <p>
            国籍
            <select name="">
                <option value="">澳大利亚</option>
                <option value="">中国</option>
                <option value="">美国</option>
                <option value="">意大利</option>
            </select>
        </p>

        <p>
            <input type="button" value="提交"/>
            <input type="submit" value="重置"/>

        </p>

    </form>



</body>
</html>

4.请用HTML5实现图电子产品调查表表单

在这里插入代码片    <title>American Metric 电子产品调查表</title>
</head>
<body>
<form method="post" action="">
    <h1>American Metric 电子产品调查表</h1>
    姓名：
    <input type="text" name=""placeholder="输入必须是2-6卫字符">
    <p>
        购买日期：
        <input type="text"name="" value="" size="4" maxlength="4"/>月
        <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">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>

        </select>
    </p>
    <p>
        电子邮件地址：
        <input type="email" name="" placeholder="www.baidu.com">
    </p>
    <p>
        手机号码：
        <input type="text" required pattern="^1[358]\d{9}"/>
        <br/>
    </p>
    <p>
        您是否查看过我们的在线产品目录？
        <input name="nun" type="radio" value="是"/>是
        <input name="nun" type="radio" value="否"/>否
    </p>
    <p>
        如果查看过，您对哪些产品有兴趣购买？
        <input type="checkbox" value="大屏幕电视机"/>
        <input type="checkbox" value="音频"/>
        <input type="checkbox" value="视频设备"/>
        <input type="checkbox" value="相机"/>
    </p>
    <h6>在填写订单之前，您还有什么问题、意见或建议？</h6>
    <p>
        <textarea name="" cols="40" rows="6">您的输入：

        </textarea>
    </p>
    <p>
        <input type="submit" value="提交"/>
        <input type="reset" value="重置"disabled/>
    </p>
</form>

</body>
</html>
`

qq_43142119

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第三章

3.请用HTML5实现图所示的申请表表单。在这里插入代码片 &lt;h1&gt;申请表&lt;/h1&gt; &lt;form method="post" action=""&gt; 姓名： &lt;input type="text" name=""&gt; &lt;p&gt;
复制链接

扫一扫