html基础-移动字幕效果-from表单

没故事的猿      2022-02-08     763

关键词:

一、form表单

     表单提交:
    <form action="提交地址"method="提交方法"></form> methad有两种提交方式get(不太安全)和post(安全)

   文本框:
      <form> 属性值:name=(名称)          size=(输入框中显示可见的字符也就是最多能看见几个字符)
        <input type="text" size="">     value=(文本框中预设内容) align=(对齐方式【只对image有用】)
      </form>                                        maxlength=(文本框中最多可输入多少个字符) text=(明文显示)

      密码框: 属性值:password=(秘文显示)
      <input type="password">

   单选:
      <input type="radio" name=""> 注意:单选只有两个名称一样的时候时候才会单选其中一个,否则没用。
      属性值:checked="checked" 默认(想让哪个默认加《checked》就会先选中哪个)

   复选: 属性值:checkbox=(复选)
      <input type="checkbox" name="">

    上传按钮: 属性值:file=(上传按钮)
      <input type="file">

   重置 属性值:reste=(重置)
      <input type="reste" value="重置">

   提交 属性值:submit=(提交)
      <input type="submit" value="提交">

   普通按钮(自定义按钮) 属性值: button=(普通按钮,自定义按钮)
      <input type="button" value="按钮">

   图像按钮 属性值;image=(图片按钮)
      <input type="image" src="图片路径">


  文本域: 属性值:cols=(宽)  rows=(高)
      <textarea cols="数字" rows="数字">请输入文字</textarea> rows=(高)


  下拉列表框:
      <select> selected=默认选中
        <option></option>
      </select>

代码(大家可能也发现只有下拉框不一样,剩下的只是type后面值不一样,但是我为啥还写单选框。当然他特殊了。看到name后边的值没有要做到多个单选框只能选中 一             个,他们几个复选框之间要做到name后面的值要一样,后面的值是随便起的。你一定也看到上面后边跟的属性了,你可以试试他们的效果,自己试试记忆深刻)

<html>
     <head>
	<title>表单</title>
     </head>
     <body>

  	<form>
		<input type="text">
		<input type="radio" name="sex">男<input type="radio" name="sex">女
		<select>                        
        		<option>下拉1</option>
			<option>下拉2</option>
			<option>下拉3</option>
			<option>下拉4</option>
      		</select>

	</form>
                   

     </body>
</html>

效果

这html起始已经差不多了,以后如果想起来了,在补写,明天开始各种css样式让你的页面漂亮起来。

html中如何实现滚动字幕效果

参考技术A活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图... 查看详情

数据的随机抽取及jquery补充效果(菜单移动)

一、数据的随机抽取都见过那种考试题从很多题中随机抽取几道的试卷吧,现在就要做这样的一个例子:从数据库中随机抽取几条数据出来显示(例如:一百中随机挑选50条)随机挑选是要有提交数据的,所以肯定是要有可视化... 查看详情

纯css3实现不错的表单验证效果

 这是补充HTML5基础知识的系列内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化五、HTML5--Web表单今天继续学习Web表单相关的内容,不过今天重点落实到... 查看详情

纯css3实现不错的表单验证效果

这是补充HTML5基础知识的系列内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化五、HTML5--Web表单今天继续学习Web表单相关的内容,不过今天重点落实到实战... 查看详情

怎么用react实现网站页面类似swiper的效果

...符合W3C标准的HTML页面第二阶段Javascript入门到精通JavaScript基础课程JavaScript变量,为web前端的学习打下良好基础,移动端开发,音频和视频的嵌入、3D变换,对象,能够快速高效的微信场景应用Swiper插件简介,正则表达式和表单数... 查看详情

html5表单的应用

...服务器。一、创建表但基本格式如下:例子:主要代码:效果:二、表单属性:设置表单属性可以实现提交方式、自动完成、表单验证等不同功能。下面将对from标记相关属性进行讲解:1.action属性:用于指定接受并处理表单数据... 查看详情

8常用html及from表单

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>我的第一个页面</title></head><h1>这是一个测试</h1><!--表单action数据提交到哪个URL上,就由相应的URL函数去处理逻辑method提交的方式是什 查看详情

HTML5 视频字幕样式

】HTML5视频字幕样式【英文标题】:HTML5VideoSubtitlesStyling【发布时间】:2015-12-1511:17:56【问题描述】:是否可以将样式应用于HTML5视频播放器字幕轨道元素?我想将字幕移到媒体播放器之外。我试过用css定位媒体播放器和track元素... 查看详情

js基础(js嵌入方式输出语句)

s现在的作用1、验证表单(以前的网速慢) 2、页面特效(PC端的网页效果) 3、移动端(移动web和app) 4、异步和服务器交互(ajax) 5、服务器端开发(nodejs) 前端的标准 javaScript THML Css  HTML... 查看详情

html中from表单提交如何提交数组到java后台?

是什么内容的数组呢?复选框吗?那只要复选框的name用相同的,在后台通过这个name取出来就是数组。如果有帮助到你,请点击采纳。参考技术A数组转成字符串提交 查看详情

测开之html・第一篇《html语法基础》(代码片段)

目录HTML页面结构文档声明页面头部页面内容常见的HTML标签注释标题标签段落和换行标签块标签含样式和语义的行内标签图像标签和链接标签列表有序列表无序列表表格表单form标签from表单中包含的元素input标签label标签textarea标... 查看详情

from表单文件上传后页面跳转解决办法

from表单上传文件,路径跳转后,又不能转发回来。本人的一个解决办法是。返回一段html代码,浏览器解析后后退一步,回到原来的页面并刷新。 return"<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>&... 查看详情

from表单组件

Django的Form主要具有一下几大功能:生成HTML标签验证用户数据(显示错误信息)HTMLForm提交保留上次提交数据初始化页面显示内容小试牛刀1、创建Form类fromdjango.formsimportFormfromdjango.formsimportwidgetsfromdjango.formsimportfieldsclassMyForm(Form):u... 查看详情

html上传表单属性

...="file"name="file3"/></from>为什么出来的效果是这样别人出来的是表单的文件上传元素默认样式确实是:只是这样并不美观,于是常见做法是创建一个文本框和一个按钮来配合文件上传元素:核心就是将上传元素... 查看详情

flash和margue字幕滚动效果(代码片段)

Flash具体用法:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> <styletype="text/css"> * margin:0; padd 查看详情

前端html表单与css样式

h2{background-color:green}1,from标签  from标签的功能是向服务器传输数据,实现用户交互的重要标签。from标签的具体使用:  input标签使用示例: <fromaction=""method="post"><p>姓名:<inputtype="text"name="names"></p><p>... 查看详情

from表单实现注册

html代码: <formaction="index1.php"method="post">//引入php代码<inputtype="text"name="name"placeholder="姓名"required=""><inputtype="password"name="mima"required=""placeholder="密码至少6位数">& 查看详情

html基础(表单和输入,框架)

---恢复内容开始---HTML表单和输入HTML布局HTML框架HTML表单用于搜集不同类型的用户输入。实例文本域(Textfield)本例演示如何在HTML页面创建文本域。用户可以在文本域中写入文本。 密码域本例演示如何创建HTML的密码域。 (... 查看详情