HTML表单

最新推荐文章于 2024-09-27 09:37:38 发布

zhang---hao

最新推荐文章于 2024-09-27 09:37:38 发布

阅读量49

点赞数

文章标签： html servlet ajax

本文链接：https://blog.csdn.net/zhanhhao/article/details/129973975

版权

提交方式 post get
       区别：
       文本框text
       密码框password
       单选radio
       多选checkbox
       默认选中checked
       下拉框select
       下拉里的默认选中selected
       多行文本域textarea
       文件上传标签
       文件上传的提交方式post
       提交submit
       重置reset
       两个按钮button
       文本框长度
       字长size

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
		 form：所有需要提交的内容都要提交给服务器的数据，都要写在form中
		 action:把数据发给服务器
		 method：数据提交的方式
		 get：url可见，数据不安全，传输的数据有大小限制
		 post：不可见，数据安全，理论大小没有限制-->
		
		
		<form action="325.HTML" method="post">
			<!-- text：文本 name：区分数据，必须要有-->
			账号：<input type="text" name="account"/><br />
			密码：<input type="password" name="pwd"/><br />
			<!-- value默认值 多个选项的name值必须一致
			 checked默认选中-->
			性别：<input type="radio" value="男" name="sex"checked/>男
			      <input type="radio" value="女" name="sex"/>女
			爱好：<input  type="checkbox" value="唱" name="hobby"checked/>1
				<input  type="checkbox" value="跳" name="hobby"checked/>2
				<input  type="checkbox" value="rap" name="hobby"checked/>3
				<input  type="checkbox" value="篮球" name="hobby"checked/>4<br />
				籍贯：<select name="address"><!-- 下拉列表  selected默认选中
				如果没有value会提交value没有value提交option中间的值
				特别注意：提交文件是只能用post提交
				需要在form中添加：enctype="multipart/form-data"
				告诉浏览器，现在提交的是文件-->
						<option>辽宁省</option>
						<option>河北省</option>
						<option>山西省</option>
						<option>山东省</option>
						<option>河南省</option>
				</select><br>
				照片：<input type="file" name="photo"/><br>
				
				
				
				
				
				
				
				简介：<br />
				<textarea name="ll" cols="130" rows="10"></textarea>
			<!--  --><br />
			<input type="submit" value="登录"/>
			<input type="reset" value="重置"/>
			<hr>
			<!-- 无法提交 -->
			<input type="button" value="按钮"/>
			<!-- 可以提交 -->
			<button>按钮</button>
			<hr />
			<!-- mail邮箱 url网址 年龄age step步长 -->
				电话：<input type="tel" name="tel"><br>
				颜色：<input type="color" name="color"><br>
				邮箱：<input type="email" name="email" id="form1" placeholder="请输入邮箱"/><br>
				网址：<input type="url" name="url"/><br>
				年龄：<input type="number" name="age" value="10" min="0" step="5"/><br>
				温度：<input type="range" name="wd" min="-50" max="50"value="0" /><br>
				
				出生日期：<input type="time"><br>
				<!--小时和分钟 -->
				<input type="datetime"><br>
				<!-- 日月年 utc时间 就是时区也就是时差 -->
				<input type="datetime-local"><br><!-- 日月年当地时间 -->
				<input type="week"><br><!-- 周和年 -->
				<input type="month"><br><!-- 月和年 -->
				<input type="date" autofocus><br><!-- 日月年 -->
				搜索：<input type="search" ><br>
				可以自己输入的下拉列表：<br>
				<input type="url" list="url_list" name="link" />
				<datalist id="url_list">
					<option label="1" value="6"/>
					<option label="2" value="7"/>
					<option label="3" value="8"/>
					<option label="4" value="9"/>
					<option label="5" value="0"/>
				</datalist><br>
				定义隐藏的字段：<input type="hidden" name="id" value="1231548613248"><br>
				<!-- 不会再页面中显示，但是提交数据不会显示 -->
				图片<input type="image" src="img/哈登.jfif" alt="自动提交" height="150px" width="200px"><br>
				<input type="submit" name="" id="" value="提交" /><br>
			
			<input type="text" name="asd" form="form1" required>
			<!-- autofoucs是自动聚焦
			 form关联外部输入框
			 required不能为空
			 height和width用于image的input的高和宽-->
			
		
		</form>
	</body>
</html>