表单标签

最新推荐文章于 2022-12-05 11:26:38 发布

czw10000

最新推荐文章于 2022-12-05 11:26:38 发布

阅读量72

点赞数

分类专栏： javaEE HTML 文章标签： java

本文链接：https://blog.csdn.net/weixin_48722971/article/details/111702740

版权

javaEE 同时被 2 个专栏收录

88 篇文章 2 订阅

订阅专栏

HTML

21 篇文章 0 订阅

订阅专栏

表单标签 form表单

一般用于向服务器提交的时候将form表单中的数据进行提交。
action属性：表示请求的路径,通常我们指定为请求服务器的路径，表单提交服务器具体的URL
method属性：表示请求的方式，delete、put、get、post、trace....通常情况下我们一般使用get或者post方式
默认的请求方式是get请求方式，一般会将请求的数据追加在请求路径上
如：.../search?q=QQ&qs=n&form=QBRE&sp=-1&pq=qq&sc=8-2&sk=&cvid=FF6D29DEBCBB4C3190308AE563D5978D
数据以这种格式进行提交。多个数据之间&符号进行连接，请求的资源路径长度是有所限制的，所以大多数情况下我们能够使用post请求就使用它
post请求：一般请求的参数数据不会展示在请求路径上，而且请求中携带数据长度没有限制。

input标签

用来获取用户输入的信息
- type属性：属性规定要显示的元素的类型。不同的属性显示不同的样式
  - text：文本框，输入文本信息
  - password：密码框
  - radio：互斥单选按钮
  - checkbox：复选按钮，可以重复选
  - submit：提交按钮，将表单中的数据提交给服务器
  - file：上传文件按钮
  - image：图片提交按钮，通过src设置图片
  - reset：重置按钮
  - hidden：隐藏按钮，hidden中的数据也会发送给服务器，浏览器页面中不会显示hidden中的信息，一般用于发送用户的id信息
  - button：普通的按钮，一般需要结合js一块使用
name属性：表单发送数据提交给服务器的时候，通过name属性来实现的，
value属性：设置input框中的默认值
checked属性：一般用于单选按钮或者复选按钮被选中
readonly属性：是否只读
disabled属性：是否可用
size属性：大小，设置文本框的大小
placeholder属性：占位符属性，通常用于文本框的占位符，提示用户输入信息类别。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
	<!-- 准备一个表单 -->
	<form action="./demo01.html" method="get">
		<!-- 准备输入框标签 -->
		<input type="text" name ="username" value="小王" readonly>
		<input type="password" name="password" disabled value="123456">
		<input type="hidden" name = "id" value="001">
		<input type="text" name="address" placeholder="家庭地址">
		<input type="text" name="address" placeholder="联系方式">
		<br>
		专业：
		<input type="radio" checked name="professional">计算机科学与工程
		<input type="radio" name="professional">软件工程
		<input type="radio" name="professional">通信工程<br>
		兴趣爱好：
		<input type="checkbox" checked  name="hobby">篮球
		<input type="checkbox" checked name="hobby">足球
		<input type="checkbox" name="hobby">排球
		<input type="checkbox" name="hobby">乒乓球<br>
		上传图片<input type="file" name="image">
		<!-- 提交按钮 -->
		<input type="submit" value="提交">
	</form>
</body>
</html>