接上一篇“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. mybatis xml中常见配置demo

    新增: <insert id="insertSelective" parameterType="map" > insert into BS_CHNG ...

  2. 可跨平台C++开源图形图像框架:openFrameworks

    博客参考:https://www.hahack.com/codes/openframeworks-intro/#%E4%BB%80%E4%B9%88%E6%98%AF-openframeworks 和 ...

  3. Java 中的类

    public class Test{ public static void main(String[] args){ Animal a1 = new Dog(); a1.shout();//编译通过 ...

  4. mongo学习-group操作以及java代码

    原数据: /* 1 */ { "_id" : ObjectId("552a330e05c27486b9b9b650"), "_class" ...

  5. s16 计算机网络基础

    交换机设备说明 1)交换机设备说明 交换机概念:解决多台主机在一个网络里面通讯的需求 主机身份标识信息:称为叫做mac地址 交换机通讯的网络范围:称为叫做一个局域网 交换机传输数据问题: 01.会有广 ...

  6. Flash的不同位宽与CPU地址线的接线问题？

    一般Flash都有8.16.32等这些不同的位宽,当然说白了就是Flash的数据线位数. 在Flash与CPU的地址线的连接问题时:不同位宽的有不同的连接方法: 一般是:位宽为8时CPU的ADDR0与 ...

  7. CLOB 和 BLOB

    An SQL CLOB is a built-in type that stores a Character Large Object as a column value in a row of a ...

  8. 团队-Forward-团队一阶段互评

    学号:2015035107105得分:4原因:代码不规范,有一些错误,需要我们的帮助. 学号:2015035107109得分:7原因:与队员沟通少,代码衔接有问题. 学号:2015035107113得 ...

  9. BI使用者的角色

    把企业中的BI使用者的角色分成如下几类: 系统管理员:没有数据权限:没有功能权限:负责配置其他人的权限:BI专家:拥有所有数据权限:拥有多维分析,报表查看,报表开发,模型开发权限:负责开发和维护BI系 ...

  10. cordova/webapp/html5 app 用corsswalk替换内核，优化安卓webview

    Crosswalk与WebView的不同 为什么要用corsswalk?由于cordova应用在安卓上运行的时候,都是调用的手机webview,而在不同的安卓机.不同版本的系统上,webview的性能 ...