WEB代码：下拉菜单:select、多选下拉菜单:multiple、文本框textarea、文件上传框、图片按钮、隐藏框、button按钮、

1、下拉菜单:select

</body>
	<h1>用户登录页面</h1>
	<form action="index.php">
		<p>用户名:</p>
		<p>
			<input type="text" name="username" value="小胡" maxlength="5">
		</p>
		<p>爱好：</p>
		<p>
			<select name="love">
				<option value="看书">看书</option>
				<option value="打球">打球</option>
				<option value="看电影">看电影</option>
				<option value="玩游戏">玩游戏</option>
			</select>
		</p>
		<p>
			<input type="submit" value="OK">
			<input type="reset" value="cancel">
		</p>

	</form>
</body>

2、多选下拉菜单:multiple

</body>
	<h1>用户登录页面</h1>
	<form action="index.php">
		<p>用户名:</p>
		<p>
			<input type="text" name="username" value="小胡" maxlength="5">
		</p>
		<p>爱好：</p>
		<p>
			<select name="love" size="5" multiple="">
				<option value="看书">看书</option>
				<option value="打球">打球</option>
				<option value="看电影">看电影</option>
				<option value="玩游戏">玩游戏</option>
			</select>
		</p>
		<p>
			<input type="submit" value="OK">
			<input type="reset" value="cancel">
		</p>

	</form>
</body>

3、文本框textarea

textarea{
			width: 500px;
			height: 100px;
			resize: none;/*取消可变大小*/

		}
<p>留言：</p>
		<p>
			<textarea name="mess" cols="30" rows="10"></textarea>
		</p>

4、文件上传框

<p>
			<input type="file" name="img">
		</p>

5、图片按钮:

<p>
			<input type="image" src="/img/submit.gif" width="200px">
			
		</p>

6、隐藏框

<p>
			<input type="hidden" name="age" value="25">
		</p>

7、button按钮

<p>
			<!--不提交表单-->
			<input type="button" value="ok">
			
		</p>
		<p>
			<!--提交表单-->
			<button>OK</button>
		</p>