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

时间：2017-06-12 23:54:35 阅读：323 评论：0 收藏：0 [点我收藏+]

标签：页面 radio length val http amount submit max 连续

今天接着继续来，为大家准备了移动字幕效果和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=（文本框中预设内容） 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>