HTML基础3（表单 视频 音频）

表单

1.action表单提交的地方
method表示提交的方式（get/post）

    <form action="" method="post">
    </form>

2.用户名 文本输入框
value表示初始值
maxlength表示文本最多可以输入的个数

   	<input type="text" value=""/>
   	<input type="text" name="username" maxlength="8" />

3.密码
placeholder="输入密码 ：提示信息

	<input type="password" placeholder="输入密码" />
	<input type="password" name="password" />

4.提交

	<input type="submit" value="提交" />

5.文本域

	<input type="file" name="文件" />

6.图像域

	<input type="image" src="" />"

7.单选框

	<label><input type="radio" name="sex" />男</label>
    <label><input type="radio" name="sex" />女</label>

8.复选框

	<label><input type="checkbox" name="fruit">苹果</label>
    <label><input type="checkbox" name="fruit">香蕉</label>
	<label><input type="checkbox" name="fruit">柚子</label>

9.按钮

	<input type="button" value="按钮">

10.重置按钮

	<input type="reset" value="重置">

11.有强调效果

    <strong></strong>

12.加粗效果

    <b></b>

13.倾斜，有强调意味

    <em></em>

14.单纯倾斜，无强调意味

     <i></i>  

15.下拉菜单元素：

	  <select>
	  	<option value="">北京</option>
		<option value="">上海</option>
		<option value="">广州</option>
	  </select>

16.文本

	<textarea name="mess" cols="20" rows="80"></textarea> 

17.表单属性

	   readonly   可以带值 只读
	   disabled   不能带值
	   maxlength  最大长度

18.方法1 表单内添加表格的方式

	<form action="" method="post" enctype="multipart/form-data">
		<table border="1px" cellpadding="0px">
			<tr>
				<th>用户名：</th>
				<th><input type="text" /></th>
			</tr>
			<tr>
				<th>密码：</th>
				<th><input type="password" /></th>	
			</tr>
			<tr>
				<th><input type="submit" value="提交" /></th>
			</tr>
		</table>
	</form>

19. 方法2 p代表一行的内容

    <form>
    	<p>
    		<span>用户名：</span>
    		<input type="text" name="username" />
    	</p>
    	<p>
    		<span>密&nbsp;码：</span>
    		<input type="password" />
    	</p>
    	<p>
    		<input type="submit" value="提交" />
    	</p>
    </form>
    

20.头部

    <header>
    </header>

21.体部

	<section>
    </section>

22.尾部

	<footer>
	</footer>

23.音频标签
controls=“controls”:控件（点击播放，播放条）
autoplay=“autoplay”：自动播放
loop=“loop”:循环播放

    <audio src="1.mp3" controls="controls"></video>

24.视频标签

    <video src="" controls="controls"></video>