<form action="所有表单值提交的地址" method="传值的方式默认是GET方式,还有另一种POST方式">
表单元素
</form>-->

<!--提交方式:
1.get:
所有表单的数据以键值对的方式 key=value的方式传递给后台
url:请求地址?key1=value1&key2=value2&key3=value3&.....
缺点:不安全，传递的内容大小有限制
2.post:
不会显示表单数据
安全性高，传递的内容大小基本没有限制
表单元素通用格式:
<input type="表单元素的类型" name="键" value="值">
placeholder:这个属性为在文本框中做一个提示的格式
value:作为一个值，如果值填写"zhangsan" 则网页上这个文本框就默认zhangsan
表单元素的类型:
１.文本类型:
text:文本框
password:密码框
hidden:隐藏域
２.按钮类型:
button:普通按钮
submit:提交按钮
reset:重置按钮
３.单选/多选类型:
1.radio:单选(必须搭配name属性使用,name属性值一致才可以。)
2.checkbox:多选
属性为checked这是一个默认属性，相当于勾选了之后，刷新之后默认选中。必须在input标签中都可以使用★
disabled属性 不可编辑 ★ 可以在input中以及下拉框(select)中使用★
４.文件:
file:文件上传 ★
要是填写file文件上传时，必须要在form标签中添加
formenctype="multipart/form-data"（控制的后期提交文件给服务器的效果）
５.下拉框标签:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
selected属性：默认选中，此属性在select下拉框中才能使用，不可在input中使用。★
６．文本域标签：
　<textarea></textarea>
-->

代码如图:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>表单</title>

</head>

<body>

<form action="#" method="post" formenctype="multipart/form-data">

  用户名:<input type="text" name="username" placeholder="请输入用户名" ><br>

  密码:  <input type="password" name="pwd"><br>

  隐藏域: <input type="hidden" name="uid" value="123"><br>

  <input type="button" value="普通按钮"><br>

  <input type="submit" value="提交按钮"><br>

  <input type="reset"  value="重置按钮"><br>

  性别:

<!-- 单选-->

	<!-- label标签:点击框的时候不好点，可以直接点击文字进行勾选。-->

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

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

<!--多选-->

  爱好:

      <label>

      	起凡<input type="checkbox" name="hobby" value="football" >

      </label>

      <label>

     	 神武3<input type="checkbox" name="hobby" value="basketball">

      </label>

      <label>

      	 英雄联盟<input type="checkbox" name="hobby" value="volleyball">

      </label><br>

    文件上传:

<!-- 要是填写file文件上传时，必须要在form标签中添加

     formenctype="multipart/form-data"（控制的后期提交文件给服务器的效果）-->

     <input type="file"><br>

    地址:

     <select name="address">

     	 <option value="dema">德玛西亚</option>

     	 <option value="aiou" selected>艾欧尼亚</option>

     	 <option value="niaoguo">鸟国嘚嘚</option>

     </select><br>

   <!--  文本域-->

     <textarea name="text1" cols="30" rows="10">

     </textarea>

</form>

</body>

</html>

　　ifream标签：

<!--
内嵌框架标签
<iframe name="标签名字" src="嵌套网页地址"></iframe>
要是连接起来就给iframe一个name名字，再在其他的页面添加属性target="名字跟iframe里面的name值一样即可"
-->
<!--
视频标签★★★★★
<video src="视频地址"></video>
controls:控制条，播放的属性得点击才能播放
autoplay：这是自动播放视频的属性
loop：循环播放

网页图标格式:找到自己要的图,在网站上搜索ico转换器点开第二个，然后下载。下载完之后改为ico后缀名，保存到自己想要的路径,然后在HTML页面link
<link rel="icon" href="a.ico" type=" image/* ">
-->

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>iframe/video标签</title>

<link rel="icon" href="a.ico" type="image/*">

</head>

<body>

<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="1" width="800px" height="400px" name="myhtml">

</iframe>

<video src="https://fus.cdn.krcom.cn/001Fd58Alx07suhjMIrC0104120cPiDp0E050.mp4?label=mp4_1080p&template=1920x1080.20.0&Expires=1553583752&ssig=xkLeaw9%2FZX&KID=unistore,video"  controls="controls" autoplay loop>

</video>

</body>

</html>

　　

表单/iframe与video标签的更多相关文章

  1. [Swift通天遁地]二、表格表单-(11)创建星期选项表单和拥有浮动标签的文本框

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  2. 前端与后台可能需要使用交互的表单form，input标签

    前端与后台可能需要使用交互的表单标签 form表单和input标签 textarea文本域表单 select,option下拉列表表单 fieldset和legend组合表单 label标签 form ...

  3. from表单iframe原网页嵌入

    今天是巩固的from表单跟嵌入其他页面,同样的,学习到了新的知识. 温故而知新: iframe--在原页面嵌入其他页面,以窗口的样式 其中scrolling--滚动条 noresize--可调整大小 ...

  4. form表单嵌套，用标签的form属性来解决表单嵌套的问题

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. 1、前端--HTML简介、head内常见标签、body内常见标签（特殊符号、div、span、a、img、列表、表格table、表单form）、标签两大属性

    今日内容 HTML简介 HTML是构造网页的骨架>>>:几乎所有的网站都是由HTML构建而成 HTML:超文本标记语言 # 不是一门编程语言 没有任何的逻辑 只有固定的标记功能 &q ...

  6. UI标签库专题三：JEECG智能开发平台 FormValidation(表单提交及验证标签)

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/zhangdaiscott/article/details/28484209  自己定义弹出框提示 ...

  7. IE10以下的IE浏览器在form表单提交、a标签等场景下，接收application/json类型的响应时，会提示是否要下载该json文件

    IE10以下的IE浏览器并不支持application/json这种response格式,所以需要在服务端先将对象转成json字符串然后,设置Content-Type为text/html的类型,再返回 ...

  8. drupal 自定义表单调用autocomplete主标签实现方法

    代码如下: <php function module_name_form() { $form = array(); $form['city'] = array( '#title' => t ...

  9. Jquery Validate不是用submit按钮提交表单，使用a标签js代码都可以

    不多说,上代码. $("#form").validate(); $("#btn").click(function() { if($("#form&qu ...

随机推荐

  1. [物理学与PDEs]第1章习题15 媒介中电磁场的电磁动量密度向量与电磁动量流密度张量

    对媒质中的电磁场, 推导其电磁动量密度向量及电磁动量流密度张量的表达式 (7. 47) 及 (7. 48). 解答: 由 $$\beex \bea \cfrac{\rd}{\rd t}\int_\Om ...

  2. Linux中执行C++程序

    参考:https://blog.csdn.net/qq_31125955/article/details/79343498 https://blog.csdn.net/weixin_35477207/ ...

  3. centos7.2 环境下两个数据库的安装部署

    首先假如服务器上已经有一个 数据库mysql5.6.29,端口是3306. 接下来在安装一个mysql数据库,端口是3307的. 一:创建mysql编译目录 mkdir /usr/local/mysq ...

  4. 高性能JS（读书札记）

    第一章:加载和执行 1.1脚本位置 将js脚本放在body底部 1.2组织脚本 文件合并,减少http请求(打包工具) 1.3无阻塞的脚本 js倾向于阻止浏览器的某些处理过程,如http请求和用户界面 ...

  5. windows系统调试MapReduce程序

    如果使用windows开发mapreduce程序,是不能进行debug的,会报如下错误,但其实不影响最终运行结果 DEBUG o.a.h.u.Shell - Failed to detect a va ...

  6. 关于Activity生命周期的总结

    1.Acitivity的四种状态 (1)运行:位于Activity栈顶,用户可见,可获得焦点. (2)暂停:如果一个活动被另一个非全屏的活动所覆盖(比如一个Dialog),那么该活动就失去了焦点,它将 ...

  7. thinkpad 睡眠唤醒后热键功能正常，但屏幕无法显示状态/进度条/图标

    由于博主比较习惯笔记本开盖即用,合盖即走,不大习惯开机关机(毕竟SSD速度杠杠滴^_^).可是发现笔记本长时间睡眠乃至休眠唤醒后,使用thinkpad热键,虽然可以调节,但屏幕不显示调节状态了.解决步 ...

  8. Scrapyd

    scrapyd 安装 scrapyd-中心节点,子节点安装scrapyd-clientpip3 install scrapydpip3 install scrapyd-client scrapyd-c ...

  9. Vue项目中，要保证某个部分的高度，应该怎么设置

    .icons overflow: hidden height: padding-bottom: % background: green

  10. 如何给PDF文档添加和删除贝茨编号

    PDF文件的使用频率高了,我们也不只局限于使用PDF文件了,也会需要编辑PDF文件的时候,那么如何在PDF文件中添加和去除贝茨编号呢,应该有很多小伙伴都想知道吧,今天就来跟大家分享一下吧,小伙伴们就一 ...