首页 > 代码库 > html基础-移动字幕效果-from表单(5)
html基础-移动字幕效果-from表单(5)
今天接着继续来,为大家准备了移动字幕效果和form表单,这么多天挺无聊的我为大家准备了点好玩的移动字幕效果。
一、移动字幕效果
<marquee direction="up(方向)" behavior="scroll(滚动方式)" scrolldelay="1000(滚动延迟)"></marquee>
direction(滚动方向)属性:down=下 up=上 left=左 right=右
behavuor(滚动方式)属性:alternate=来回滚动(来回弹射) scroll=连续滚动(循环滚动 默认) slide=滚动一次
scrolldelay(滚动延迟) scrollamount(滚动加速)属性:(按要求来填写数字)1--1000
代码 (这个标签也可以设置width,height,如果看了前一天的你就明白了,里面的内容可以是文字,也可以是图片,你还可以换换上边的属性)
<html> <head> <title>移动字幕效果</title> </head> <body> <marquee direction="left" behavior="scroll" scrolldelay="1" width="500px"> 滚过去 </marquee> </body> </html>
效果(今天没法给你们弄动图,后边好多效果,明天搞一个录制gif的软件,你们复制我代码就能看到效果了。)
二、form表单
表单提交:
<form action="提交地址"method="提交方法"></form> methad有两种提交方式get(不太安全)和post(安全)
文本框:
<form> 属性值:name=(名称) size=(输入框中显示可见的字符也就是最多能看见几个字符)
<input type="text" size=""> value=http://www.mamicode.com/(文本框中预设内容) 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="http://www.mamicode.com/重置">
提交 属性值:submit=(提交)
<input type="submit" value="http://www.mamicode.com/提交">
普通按钮(自定义按钮) 属性值: button=(普通按钮,自定义按钮)
<input type="button" value="http://www.mamicode.com/按钮">
图像按钮 属性值;image=(图片按钮)
<input type="image" src="http://www.mamicode.com/图片路径">
文本域: 属性值: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基础-移动字幕效果-from表单(5)