HTML5 第三章

最新推荐文章于 2023-02-13 08:12:47 发布
最新推荐文章于 2023-02-13 08:12:47 发布
阅读量431 收藏
点赞数
分类专栏： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lsxdbd/article/details/80752266
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请表</title>
</head>
<body>
    <form method="get" action="">
        <h2>申请表</h2>
        <p>姓名：<input type="text"/></p>
        <p>教育程度：<input type="checkbox" name="aa" checked/>硕士
            <input type="checkbox" name="aa"/>博士 </p>
        <p>常用邮箱：<input type="email"/> </p>
        <p>性别：<input type="radio" name="bb"/><label>男</label>
            <input type="radio" name="bb"/><label>女</label></p>
        <p>年龄：<input type="number"/></p>
        <p>月薪：<input type="number"/></p>
        <p>附注：<textarea cols="25" rows="5">请在这里键入附注</textarea></p>
        <p>国籍：<select>
            <option>澳大利亚</option>
            <option>中国</option>
            <option>日本</option>
        </select></p>
        <input type="submit" value="提交"/>
        <input type="reset" value="重置"/>
    </form>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子产品调查问卷</title>
</head>
<body>
    <h1>American Metric电子产品调查表</h1>
    <form method="get" action="">
        <p>姓名：<input type="text" placeholder="输入必须是2-6位字符" maxlength="6" minlength="2"/></p>
        <p>购买日期：<input type="text" size="4"/>年
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
        </select>月
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
            <option>25</option>
            <option>26</option>
            <option>27</option>
            <option>28</option>
            <option>29</option>
            <option>30</option>
            <option>31</option>
        </select>日
        </p>
        <p>电子邮箱地址：<input type="email" placeholder="www.baidu.com"/></p>
        <p>手机号码：<input type="text" required pattern="^1[358]\d{9}" placeholder="输入必须是以13/15/18开头的11位数字" size="35"/></p>
        <p>您是否查看过我们的在线产品目录：<input type="radio" checked/>是
        <input type="radio"/>否</p>
        <p>如果查看过，您对那些产品有兴趣购买？（选择提供的产品）</p>
        <p>
            <input type="checkbox" name="aa"/>大屏幕电视机
            <input type="checkbox" name="aa"/>音频设备
            <input type="checkbox" name="aa"/>视频设备
            <input type="checkbox" name="aa"/>相机
        </p>
        <p>在填入订单之前，您还有什么问题 意见或者建议？</p>
        <p>
            <textarea cols="50" rows="5">您的输入：</textarea>
        </p>
        <input type="submit" value="提交"/>
        <input type="reset" value="重置" disabled/>
    </form>
</body>
</html>


lsxdbd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html第三章
12-03
html第三章
html5基础知识第三章表单
ITDragon博客
11-14 6153
以下内容是学习期间整理，有些语句是便于理解，便于快速入门写的。并不权威。 表单是灰常重要的内容；灰常重要的内容；灰常重要的内容；重要的事情说三遍。表单直接与后台挂钩，想现在的登入界面都是用表单提交用户的帐号密码传给后台，后台判断再反馈信息给用户。非常重要又非常简单 一下只是单纯的页面，没有交互代码，放心去学吧 表单结构： 带按钮的表单： userna
Html5 第三章
weixin_30668887的博客
03-29 103
1.>对于article section nav aside元素的使用 ->article主张独立性 ->section主张分块性 ->nav适用于重要链接 ->aside适用于附属信息,侧边栏 2.>对新增元素的使用 ->无法知道浏览器是否支持新元素,所以需要适用css追加声明.通知浏览器html5新增元素是以块来显示的 article,a...
HTML第三章总结
weixin_30710457的博客
11-25 155
在这一章节中，主要讲了 HTML 中众多的 element，element 就像在建筑房屋时候的材料，它可以分为两种： Block Element Inline ElementBlock Element 就像建筑时候的大结构，需要在 plan 的时候先考虑好 Inline Element 就像是增加的小材料，需要进一步修饰的时候添加。在这本书中目前见到的常用的 Block Eleme...
HTML第三章：表单
08-16 359
本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=0a111ab&title=HTML%E7%AC%AC%E4%B8%89%E7%AB%A0%EF%BC%9A%E8%A1%A8%E5%8D%95 第三章：表单表单标签form:&...
HTML第三章
weixin_30325487的博客
10-29 95
一.表单 基本语法: <form method="表单提交方式(post/get)" action="表单提交地址"> </form> 二.input元素 type：代表input元素类型 name: 表单元素名称 value: 表单元素初始值 size: 表单宽度 maxLength: 输入的最大字符...
HTML 第三章
qq_36074163的博客
10-12 344
表单 名字: 学号: 性别: 男 女 爱好: 跑步 爬山 出生日期: 年 选择月份 一月 二月 三月 四月 填写个人评价 岗位
HTML学习第三章
weixin_40794404的博客
05-04 167
HTML学习第三章： 教材：Head First HTML与CSS 学习内容： 引用 在给元素添加属性时，双引号和单引号作用一样。 通过<q>元素，可以告诉浏览器这些文本来自于引用，浏览器会以引用的方式表示它，比如加双引号。 对于精练简短的引用使用<q>, 一个段落等整段文字则使用块引用<blockquote>,块引用要在段落结束后插入，会创建一段单独的文字，并且含有缩进。 <h2>July 14, 2005</h2> <p&
HTML第三章-表单框架
12-11
无聊 有点不带了上传了 没动力 欢迎大家参考 多多提意见
HTML上机练习
08-18
北大青鸟 S2 HTML上机练习
HTML 第三章: 表单 课后作业：
gz98411的博客
06-12 3015
1.请用HTML5实现图3.44所示的申请表表单。相关要求如下。&gt;教育程度：默认选中硕士。&gt;国籍：有美国，澳大利亚，日本，新加坡，默认选中澳大利亚。&gt;单击文字相应的文本框得到焦点。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt;
HTML第3章上机练习3
拂欢
03-23 1840
ps:话不多说,直接看图 !
HTML(3)--表单
sdsjx01的博客
03-30 150
表单的作用：HTML 表单的主要作用是接收用户的输入，当用户提交表单时，浏览器将用户在表单中输入的数据打包，并发送给服务器，从而实现用户与Web服务器的交互。 form表单域中的属性 action 提交地址 method 提交方式,get 和 post，post保密性好 表单是特殊重要的元素，所以都会给表单写ID input表单控件 属性：ty...
第三章 HTML基础学习 常用表单标签和样式表概述
下雨天@博客
05-15 378
常用表单标签：Form表单标签中需要注意的地点：&lt;form action="process.html" method="get" onsubmit="return checkFrm();" &gt; 1）//JS解决了表单验证问题，可以提高验证效率，减轻网络压力，提升服务器效率2）get提交的属于以key/value形式存储在url上进行提交，保密性差 3）隐藏域，我们不想让客户看到，但是提...
（HTML5）第三章
u010619243的博客
04-02 694
常用语义标签介绍 hello march 21st 其中21st //表示上标的标签 标注javascript返回值，原本会用，但是该标签没有任何语义 以下是一个由来已久的设计模式，输入数字，单机按钮，就可以得到答案。 包含了好多知识点： 1、form+label+表单 2、display:inline-block //呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度
HTML5第三章
sjwbksns的博客
02-13 113
标签 创建表单，以实现用户信息的收集和传递。标签action和method是两个常用属性。post方法提交表单的方式不会改变浏览器地址栏的状态，表单数据也不会被显示在地址栏中。get方法提交表单的方式，浏览器地址栏的状态会发生改变，该方法会将表单提交的数据在URL中清晰地显示出来。
第三章 上机练习
weixin_43931046的博客
12-11 1452
1.   买车 import java.util.Scanner; public class Tyu4 {     public static void main(String[] args) {         Scanner scan = new Scanner(System.in);         System.out.print("请输入存款：");         int tob...
情人节表白html代码.txt
最新发布
08-11
七夕情人节html代码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值