接上一篇“HTML02随笔”，在这里单独说一下HTML中最重要的标签--表单<form>

1.表单form：用于收集用户输入　　

    <form action="" method="get">

        username:<input type="text" name="username" /><br />

        password:<input type="password" name="pwd" /><br />

        性别：<input type="radio" name="sex" value="male" />Male   

              <input type="radio" name="sex" value="female" />Female <br />

        爱好：<br />

              <input type="checkbox" name="hobby" value="basketball" />Basketball<br />

              <input type="checkbox" name="hobby" value="football" />Football <br />

              <input type="checkbox" name="hobby" value="swimming" />Swimming <br />

        成绩：<br />

            <select name="grade">

                <option value="">优等</option>

                <option value="">良好</option>

                <option value="">及格</option>

                <option value="">不及格</option>

            </select>

        自我介绍：<br />

            <textarea rows="10" cols="30">请输入自我介绍</textarea>

            <br /><br /><br />

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

    </form>

2.输入框input的类型由属性type确定:
    text password radio checkbox submit reset button
    如果要被正确地提交，每个输入字段必须设置一个name属性
    html5新增的输入类型：
    color    date    datetime    email    month    number    range    search    tel    url
    
3.input的属性：
    value    readonly(只读不可修改)    disabled(禁用，不可用、不可点击、元素值不会提交)    
    size(输入字段的尺寸)    required(必须填写)
    
4.HTML框架：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面，但开发人员必须同时跟踪更多的HTML文档。　

<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">

  <frame src="/example/html/frame_b.html">

  <frame src="/example/html/frame_c.html">

</frameset>

</html>

　　

而iframe用于在网页内显示网页：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>HTML框架--iframe</title>

</head>

<body>

<iframe src="http://www.baidu.com" width="300" height="300" name="ifr"></iframe>

<a href="http://www.hao123.com" target="ifr">点击一下</a>

<p>一些旧的浏览器不支持 iframe。</p>

<p>如果浏览器不支持 iframes 则不会显示。</p>

</body>

</html>

　　　　　　

5.预留字符    实体字符
    HTML中无法显示"<" ">"等等字符，需要用实体字符代替
    <    &lt;    <=    &le;    >    &gt;    >=    &ge;
    空格    &nbsp;
    &    &amp;
    "    &quot;
    
6.URL的组成：scheme://host.domain:port/path/filename
    scheme:因特网服务的类型，有http HTTPS FTP file
    host:定义域主机（http的默认主机是www）
    domain:域名
    port:端口（http的默认端口是80）
    path:服务器上的路径（省略时，文档必须位于根目录下）
    filename:资源名称

HTML03--表单、input、框架、URL的更多相关文章

  1. js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符

    js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...

  2. ValidationSugar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM

    ValidationSugar表单验证框架的优点: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 ...

  3. 【ASP.NET Web API教程】5.2 发送HTML表单数据：URL编码的表单数据

    原文:[ASP.NET Web API教程]5.2 发送HTML表单数据:URL编码的表单数据 注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本系列教程,请先看前面的内 ...

  4. [JavaWeb基础] 015.Struts2 表单验证框架

    在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传 ...

  5. HTML5的表单input元素的新属性

    知识点 <HTML5的表单input元素的新属性>,留待学习分享... <!-- HTML5的表单input元素的新属性 Autocomplete:自动完成功能 Autofocus: ...

  6. Spring MVC 文件上传、Restful、表单校验框架

    目录 文件上传 Restful Restful 简介 Rest 行为常用约定方式 Restful开发入门 表单校验框架 表单校验框架介绍 快速入门 多规则校验 嵌套校验 分组校验 综合案例 实用校验范 ...

  7. 什么是请求参数、表单参数、url参数、header参数、Cookie参数？一文讲懂

    最近在工作中对 http 的请求参数解析有了进一步的认识,写个小短文记录一下. 回顾下自己的情况,大概就是:有点点网络及编程基础,只需要加深一点点对 HTTP 协议的理解就能弄明白了. 先分享一个小故 ...

  8. 表单input按钮在各浏览器之间的兼容性

    从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { backgrou ...

  9. 前端福利之表单input按钮在各浏览器之间的兼容性(转)

    从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { backgrou ...

  10. HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法；让文本域前面的内容显示在左上角，居中

      HTML中让表单input等文本框为只读不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改   有时候,我们希望 ...

随机推荐

  1. sql添加/移除约束

    唯一:ALTER TABLE TableName ADD CONSTRAINT UQ_NickName UNIQUE(NickName) 主键:ALTER TABLE TableName ADD CO ...

  2. 在ceph中：pool、PG、OSD的关系

    原文:http://www.cnblogs.com/me115/p/6366374.html Pool是存储对象的逻辑分区,它规定了数据冗余的类型和对应的副本分布策略:支持两种类型:副本(replic ...

  3. cannot be cast to

    java.lang.ClassCastException: com.service.impl.OrderPlanServiceImpl cannot be cast to com.provider.s ...

  4. edis.clients.jedis.exceptions.JedisDataException: MISCONF Redis is configured to save RDB snapshots,

    edis.clients.jedis.exceptions.JedisDataException: MISCONF Redis is configured to save RDB snapshots ...

  5. 安装及运行 RabbitMQ 服务器 （windows）

    1. 一些网址 http://www.rabbitmq.com/ http://www.rabbitmq.com/install-windows.html http://www.rabbitmq.co ...

  6. git 上传项目

    参考:https://blog.csdn.net/qq_28304687/article/details/69959238?fps=1&locationNum=8 第一部分 初次上传 1.先在 ...

  7. 命令行传递参数并排序 AS实现加法

    题目:从命令行输入参数并进行排序 1.实验准备 Integer提供了能在 int 类型和 String 类型之间互相转换的方法,还提供了处理 int 类型时非常有用的其他一些常量和方法. static ...

  8. Max Sum -- hdu -- 1003

    链接: http://acm.hdu.edu.cn/showproblem.php?pid=1003 Time Limit: 2000/1000 MS (Java/Others)    Memory ...

  9. Array对象的创建及其操作方法

    一.创建数组,即实例化数组对象      有三种方式:1. new Array();                          2.new Array(size);               ...

  10. HRBUST1213 单词接龙 2017-03-06 15:53 67人阅读 评论(0) 收藏

    单词接龙  单词接龙是一个与我们经常玩的成语接龙相类似的游戏,现在我们已知一组单词,且给定一个开头的字母,要求出以这个字母开头的最长的"龙"(每个单词都最多在"龙&quo ...