html表单应用

最新推荐文章于 2023-05-14 23:37:56 发布

「已注销」

最新推荐文章于 2023-05-14 23:37:56 发布

阅读量251

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/yuanjin1988/article/details/42675053

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>表单</title>
		
		
	</head>
	 
	
	<body>
	    <!-- action 发送路径 -->
		<!-- method = "get" 表单信息在路径显示 -->
		<!-- method = "post" 表单信息不在路径显示 -->
 		<form name = "reg" method = "post">
		<fieldset>
			<legend>注册表单</legend>
		<!-- 文本栏、密码栏、隐藏栏、复选框、单选框 -->
		姓名:<input type = "text" name = "username" value = "guest" size = "30" maxlength = "5" readonly>
		<br>
		密码:<input type = "password" name = "password" size = "30">
		<br>
		<input type = "hidden" value = "123" name = "send">
		
		爱好:<input type = "checkbox" disabled checked value = "体育" name = "love"> 体育 <input type = "checkbox" name = "love"> 音乐
		<br>
		性别:<input type = "radio" checked name = "sex" value = "男"/>男<input type = "radio" name = "sex" value = "女" disabled/>女
		<br>
		
		<!-- 窗体栏位 -->
		地址:<select name = "address" size = 5 multiple>
				<option value = "上海">上海
				<option value = "南京">南京
				<option value = "盐城" selected>盐城
			 </select>
			 <br>
		<!-- 分组 -->
		地址:<select name = "address" >
				<optgroup label = "上海">
					<option value = "普陀区">
						普陀区
					</option>
					
					<option value = "宝山区">
						宝山区
					</option>
				</optgroup>
				<optgroup label = "南京">
					<option value = "下关区">
						下关区
					</option>
					
					<option value = "浦口区">
						浦口区
					</option>
					
				</optgroup>
				<optgroup label = "盐城">
					<option value = "亭湖">
						亭湖
					</option>
					
					<option value = "盐都">
						盐都
					</option>
				</optgroup>
			 </select>
			 
			 <br>
			 请留下您的意见或建议：
			 <textarea cols = "40" rows = "8" name = "content">
				内定值
			 </textarea>
			 <br>
			 <!-- 按钮 -->
			 <input type = "submit" value = "提交">
			 <input type = "reset" value ="重写">
			 <br>
			 <!-- 按钮图像 -->
			 <button type = "submit"> 
			 
				<img src = "1.jpg">
			 </button>
			 <br>
			 <!-- 图像按钮 -->
			 <input type = "image" src = "2.jpg" >
			 <br>
			 <!-- 允许上传文件 -->
			 
			 <input type = "file">
			 
			 <!-- 外边框和标题 -->
			 </fieldset>
		</form>	 
	</body> 
</html>