今关于今天所学习的东西又复杂又简单，上午学习了form表单，也是挺简单的；搭配table表格使用也是非常熟练。

下午讲了讲给网页内嵌框架标签以及在内嵌框架标签中添加其他的网页；还有在内嵌框架标签中添加视频以及视频标签里的一些属性进行调整。　　

<input type="text" name="user" placeholder="邮箱账号或者手机号码">在input里写，placeholder是让在表单里默认的字，删不掉哪种

<!--表单：

<form action="所有表单值提交的地址" mthod="提交的方式（默认get提交）"></form>

      表单元素

提交方式：

    1 get

    所有表单的数据以键值对的方式 key=value的方式传递给后台

        url:请求地址?key1=value1&key2=value2&key3=value3&.....

        缺点:不安全，传递的内容大小有限制

    2 post

     不会显示表单数据

       安全性高，传递的内容大小基本没有限制

    表单元素通用格式：

    <input type="表单元素的类型" name="键" value="值">

表单元素类型：

    1 文本类型：

        text：文本框

        passwo：密码框

        hidden：隐藏域

    2 按钮类型

        button：普通按钮

        submit：提交按钮

        resey：重置按钮

    3 单选类型

        radio:单选

            必须搭配name属性使用 需要name值一样才能实现单选的效果

            label标签：可直接点击label标签里的属性直接勾选，可点击label里的文字进行选择

        checkbox:多选

             checked:默认选择，放在哪个选择就是默认选择哪个   input中可使用select标签中不可使用

             disabled： 直接锁死 不可编辑                     input中可使用select标签可使用

    4 文件

        file：文件上传(必须在form标签中加 formenctype="multipart/form-data")

    下拉框标签：

    <select>

            <optinon>选项1</optinon>

            <optinon>选项2</optinon>

            <optinon>选项3</optinon>

    </select>

        selected属性：select标签中用于默认选中状态，其他标签不可使用

-->

<!--label标签：可直接点击label标签里的属性直接勾选，可点击label里的文字进行选择-->

<!--radio:单选-->

<!--必须搭配name属性使用 需要name值一样才能实现单选的效果-->

        单选：

        <br>

        性别：

        <label>

        男<input type="radio" name="sex" value="man" checked>

        </label>

        <label>

         女<input type="radio" name="sex" value="woman">

        </label>

        <br>

<!--value值是提交给后台让自己看的-->

        多选：

        <br>

        爱好：

        <label>

        足球<input type="checkbox" name="hobbby">

        </label>

        <label>

        篮球<input type="checkbox" name="hobbby">

        </label>

        <label>

        排球<input type="checkbox" name="hobbby">

        </label>

        <br>

        文件上传：

            <input type="file">

        <br>

        地址:

        <select name="" id="address">

            <option value="zd" >张店区</option>

            <option value="zc">周村区</option>

            <option value="bs" selected>博山区</option>

        </select>

<!--文本域-->

        <textarea name="text1" id="" cols="30" rows="10"></textarea>
        
<!doctype html>

<html>

<head>

<!--在head里面<link rel="icon" href="a.ico.ico" type="image/*">给图片加小图片

               引入ico照片（必须是Ico）   照片位置      属性-->

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<!--内嵌框架标签：

<iframe name="名称">2</iframe>

target="在哪里显示地址"

href="打开地址"

要是连接起来就给iframe一个name名字，再在其他的页面添加属性target="名字跟iframe里面的name值一样即可"

视频标签：

<video></video>

-->

<body>

<span style="background-color: blue" >    这是文字与文字背景添加颜色   </span>

<a href="first.html" target="myhtml">天气</a>

<a href="second.html" target="myhtml">新闻</a>

<a href="third.html" target="myhtml">图片</a>

<br>

<!--内嵌框架-->

<iframe src="https://www.baidu.com" frameborder="0" name="myhtml" width="800" height="400"></iframe>

<!--视频标签

controls 视频手动点击播放

autoplay 视频自动播放

loop     循环播放

-->

<video src="https://f.us.sinaimg.cn/000WYpXOlx07sA7ZDFrG01041200k8U80E010.mp4?label=mp4_ld&template=640x360.28.0&Expires=1553583758&ssig=6dK5%2FvJ0hv&KID=unistore,video" controls autoplay loop></video>

</body>

</html>

form表单以及内嵌框架标签的更多相关文章

  1. html的<a>标签，表单，内嵌框架

      一.  <a>标签 0. 用图片当链接,就是把图片当成链接文字即可 <a href="http://www.baidu.com/" title="跳 ...

  2. 关于html 中form表单的内标签和使用

    表单标记 1.普通文本框: <input type=”text” name=”名称” value=”值”;不写value默认为空/> 2.密码框:<input type=”passw ...

  3. 循序渐进PYTHON3（十三） --2-- DJANGO之FORM表单（自动生成HTML标签和自定制提示信息）

    在上一次的代码上做出进一步修改,使之能在页面上显示自定制的报错信息,并且使用form自动创建标签的功能. views.py from django.shortcuts import render,Ht ...

  4. [oldboy-django][2深入django]学生管理（Form）-- 添加（美化Form表单:通过form给前端标签添加属性）

    1 在student_list添加一个a标签, <p><a href="/app01/add_student" class="btn btn-prima ...

  5. 【HTML】--- 列表、表格、form表单标签

    Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...

  6. form表单与CSS选择器和样式操作

    form表单 """获取前端用户数据并发送给后端服务器""" <form action=""></fo ...

  7. html之form表单

    目录 form表单 表单属性 action method input标签 select标签 textarea标签 form表单 表单能够获取用户输入,用于向服务器传输数据,从而实现用户与web服务器的 ...

  8. 用jquery写自己的form表单验证

    这几天看了锋利的jquery,感觉很不错.特别是jquery强大的选择器.今天就利用jquery写了一个自己的form表单验证的小案例.当巩固下jquery.首先贴下代码,当然只是一个小案例. 思路: ...

  9. html5-5 HTML5表单元素和内嵌框架

    html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...

随机推荐

  1. （转）GANs and Divergence Minimization

    GANs and Divergence Minimization 2018-12-22 09:38:27     This blog is copied from: https://colinraff ...

  2. rm 命令

    rm 命令 rm命令可以删除一个目录中的一个或多个文件或目录,也可以将某个目录及其下属的所有文件及其子目录均删除掉.对于链接文件,只是删除整个链接文件,而原有文件保持不变. 语法 rm (选项) (文 ...

  3. 智能合约 helloworld

    windows 平台 所以直接使用Remix在线编译环境 新建hello.sol文件 编辑如下 Remix 右边侧栏 setting 选择合适的编译器版本 这里选择 0.4.19 文件中输入如下内容  ...

  4. 四:DRF项目开发的准备

    一: 虚拟环境virtualenv 如果在一台电脑上, 想开发多个不同的项目, 需要用到同一个包的不同版本, 如果使用上面的命令, 在同一个目录下安装或者更新, 新版本会覆盖以前的版本, 其它的项目就 ...

  5. 运行Python出错，提示“丢失api-ms-win-crt-runtime-l1-1-0.dll”

    运行python时出错,提示“丢失api-ms-win-crt-runtime-l1-1-0.dll”, 上网搜了一下说是本地api-ms-win-crt-runtime-l1-1-0.dll 版本过 ...

  6. R apply() 函数和 tapply() 函数

    apply(a,b,c) a是矩阵 b是行或列的代表,1是行,2是列 c是执行函数,如求和-sum,求平均-mean,求-range tapply(a,b,c) a是一个一维数据,           ...

  7. 服务列表中找不到mysql

    服务列表中找不到mysql - 解决办法 1.在开始处输入cmd,找到cmd选择以管理员身份运行(必须以管理员运行,直接win+r打开无效) 2.进入到MySQL安装目录的bin目录 3.执行mysq ...

  8. 20175317 《Java程序设计》第四周学习总结

    20175317 <Java程序设计>第四周学习总结 教材学习内容总结 第四周我学习了教材第五章的内容,了解了子类与继承的知识,学到了以下内容: 明白了什么是子类与父类.类的树形结构. 子 ...

  9. SpringBoot mybatis配置

    首先pom.xml <!-- mybatis 配置 --> <dependency> <groupId>org.mybatis.spring.boot</gr ...

  10. 跟敲MySQL数据库实用教程

    MySQL数据库操作 创建数据库 create database if not exists test; 查看数据库 show databases; show databases [ like wil ...