HTML5的表单标签

最新推荐文章于 2022-09-30 20:58:29 发布

Wulixi1002

最新推荐文章于 2022-09-30 20:58:29 发布

阅读量116

点赞数

分类专栏： HTML5+css3 文章标签： html5

本文链接：https://blog.csdn.net/wulixi1002/article/details/108783467

版权

HTML5+css3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单标签</title>
	</head>
	<body>
		<form action="" method="get" enctype="multipart/form-data">
			<!--action 提交的地址
				method 默认提交方式：getd
						
			-->
		姓名：<input type="text" name="username" id="" value="" /><br />
				<!--
					maxlength:最大长度
					readonly: 只读
					size:输入字段的宽度（文本输入框的宽度）
					disabled：禁用文本框
					placeholder：输入框未输入时默认显示文字
				-->
		密码：<input type="password" name="password" id="password" value="" /><br />
		性别：<input type="radio" name="sex" id="male" value="" />
				<label for="male">男</label>
		<input type="radio" name="sex" id="famale" value="" />
				<label for="famale">女</label> <br />
		爱好：	<input type="checkbox" name="holiday[]" value="sing"/>唱歌
				<input type="checkbox" name="holiday[]" value="sport"/>运动
				<input type="checkbox" name="holiday[]" value="basketball"/>篮球<br />
				<!--单选按钮和多选按钮的默认为 checked-->
		图片:<input type="file" name="file" id="file" value="" /><br />
		邮箱：<input type="email" name="email"/><br />
			<input type="hidden" name="" id="" value="" />
			<!--不会显示     隐性传递到后端-->
		籍贯：<select name="jiguan" multiple="" size="5"  id="">  <!--下拉框     multiple    size:下拉框的高度   -->
				<option value="0">江西</option>   <!--selected默认选中-->
				<option selected="" value="1">西安</option>
				<option value="2">广州</option>
				<option value="3">上海</option>
		</select><br />
		<textarea name="" rows="10" cols="30"></textarea><br />  <!--文本域-->
		<input type="submit" name="" id="" value="登录" />
		<input type="button" name="" id="" value="注册" /><!--不能提交-->
		<button>提交</button>
		<!--submit与button可以提交-->
		
		</form>
	</body>
</html>