表单/iframe与video标签

<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
表单元素的类型:
1.文本类型:
text:文本框
password:密码框
hidden:隐藏域
2.按钮类型:
button:普通按钮
submit:提交按钮
reset:重置按钮
3.单选/多选类型:
1.radio:单选(必须搭配name属性使用,name属性值一致才可以。)
2.checkbox:多选
属性为checked这是一个默认属性,相当于勾选了之后,刷新之后默认选中。必须在input标签中都可以使用★
disabled属性 不可编辑 ★ 可以在input中以及下拉框(select)中使用★
4.文件:
file:文件上传 ★
要是填写file文件上传时,必须要在form标签中添加
formenctype="multipart/form-data"(控制的后期提交文件给服务器的效果)
5.下拉框标签:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
selected属性:默认选中,此属性在select下拉框中才能使用,不可在input中使用。★
6.文本域标签:
 <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>

  

原文地址:https://www.cnblogs.com/awdsjk/p/10600166.html

时间: 2024-10-09 16:13:42

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

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

?? 1. FormValidation(表单提交及验证标签) 1.1.  参数 属性名 类型 描述 是否必须 默认值 action string 表单提交路径 否 null formid string 表单唯一标示 是 formobj refresh boolean dialog为true时是否刷新父页面 否 true callback string 表单提交完成后的回调函数 否 null beforeSubmit string 表单提交前的处理函数 否 null btnsub string

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

1. FormValidation(表单提交及验证标签) 1.1.  参数 属性名 类型 描述 是否必须 默认值 action string 表单提交路径 否 null formid string 表单唯一标示 是 formobj refresh boolean dialog为true时是否刷新父页面 否 true callback string 表单提交完成后的回调函数 否 null beforeSubmit string 表单提交前的处理函数 否 null btnsub string 触发表

表单及相关的标签

表单是一个很常用的标签,在如今个个网站都采用游客使用和注册客户使用的情况下,注册登录表单是网页中十分常见的一部分了. 表单标签: <form></form> 常用属性:  action 属性值是表单提交数据的去向. method 表单数据的提交方式,通常有get和post两种,前者有限制性且显示在url中不安全,后者则不存在这亮点问题. enctype 当表单中有文件域是必须有此标签,属性值可填multipart. 表单控件标签:<input></input>

表单验证以及获取标签值和ckeditor的textarea判断是否为空

$("#subjectId  option:selected").text();//根据select标签id值获取选中项值 $('input[name="knowledgePointName"]').val();//根据input标签name获取value值 $("#knowlistId").attr("value");//input标签id获取value值 $("div.q-option :checked"

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标签的form属性</title> </head> <body> <form action="demo-form.php" id="form1"> First name: <input type="text

10、表单元素之input标签属性(中)

一.type属性总汇 input元素可以用来生成一个供用户输入数据的简单文本框.在默认的情况下,什么样的数据都可以输入.而通过不同的属性值,可以限制输入的内容.            属性名称                                       说明 text 一个单行文本框,默认行为 password 隐藏字符的密码框 search 搜索框,在某些浏览器键入内容会出现叉标记取消 submit.reset.button 生成一个提交按钮.重置按钮.普通按钮 number.

from 表单内的btton标签失效异常

|--问题描述 form表单里面的button按钮全部会被当成提交处理,即便是绑定了点击事件,点击后,也是刷新页面,不会触发,页面排查也是没有异常的,就是不显示 |--解决方式 不要将这种需要点击的按钮写到form表单里面 |--错误效果 原文地址:https://www.cnblogs.com/twuxian/p/11704772.html

设置移动端iframe 和video 标签视频溢出自动适应播放样式设置

.box iframe { position: relative; z-index: 1; width: 100%; height: 12rem; } .box .video { position: relative; z-index: 1; width: 100%; height: 12rem; } 原文地址:https://www.cnblogs.com/926803/p/12629045.html

jQuery判断 form表单提交时如果表单里有input标签为空那么不提交form表单

<head> <script type="text/javascript"> $("#sub1").click(function(){ var text1=$("#text1").val(); if(text1==""){ alert("不能为空!"); $("#text1").select(); $("#text1").focus(); }e