接上一篇“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. Java程序设计19——类的加载和反射-Part-B

    接下来可以随意提供一个简单的主类,该主类无须编译就可使用上面的CompileClassLoader来运行它. package chapter18; public class Hello { publi ...

  2. 前端传递对象列表到WebApi

    public Int64 objectPOC(JObject jsonWrapper) { dynamic jsonValues = jsonWrapper; JArray jsonInput = j ...

  3. tp5主从数据库设置读写分离

    // 数据库类型 'type' => 'mysql', // 服务器地址 'hostname' => '192.168.0.5,192.168.0.6', // 数据库名 'databas ...

  4. （转）centos liveCD liveDVD netinstall minimal DVD1 DVD2 版本区别

    LiveCD 和 LiveDVD 是可以直接光盘运行系统,但不能安装,两者差别在于容量大小,dvd包含的软件要多一些. netinstall 是用于网络安装和系统救援的镜像文件. minimal 这个 ...

  5. html 中的<script>标签

    https://www.w3.org/TR/html51/semantics-scripting.html#the-script-element 一. <script type='text/ja ...

  6. VS2010中如何将动态链接库改成静态链接库

    VS2010中如何将动态链接库改成静态链接库 VS2010静态编译生成的.exe可执行文件,可以免安装免DLL在其他电脑直接运行. 静态编译:就是在编译可执行文件的时候,将可执行文件需要调用的对应动态 ...

  7. Websocket出现的错误

    前端使用sockjs,后台使用spring的websocket框架 结果在一个网络较慢的地方,发现tomcat报错信息: Oct 28, 2015 10:10:43 AM org.apache.cat ...

  8. Configuring Oracle E-Business Suite Integrated SOA Gateway Release 12.1.2 and Release 12.1.3 in a Multinode Environment (Doc ID 1081100.1)

    Configuring Oracle E-Business Suite Integrated SOA Gateway Release 12.1.2 and Release 12.1.3 in a Mu ...

  9. Android-SQLiteOpenHelper里增删改查

    为什么要写一篇,Android-SQLiteOpenHelper里增删改查,的文章呢: 因为之前的方式是:MySQLiteOpenHelper(只负责 生成打开据库/生成打开表/升级表),在其他端:完 ...

  10. C#基础入门 七

    C#基础入门 七 接口 由于C#语言不支持多重继承,所以可以使用接口模拟结构的继承,通过使用interface关键字,定义一个接口. interface USB { void Read(string[ ...