select标签&&textarea标签

最新推荐文章于 2022-03-01 21:16:17 发布

czw10000

最新推荐文章于 2022-03-01 21:16:17 发布

阅读量217

点赞数

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

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

版权

javaEE 同时被 2 个专栏收录

88 篇文章 2 订阅

订阅专栏

HTML

21 篇文章 0 订阅

订阅专栏

select标签

下拉列表标签，常用于单选和多选，是一个组合标签，需要和子标签option一起搭配使用，不会独占一行

常用属性：

name属性：发送给服务器使用的
multiple属性：不写默认单选，取值为multiple表示多选，一般我们常用单选
size属性：可见选项的数目。

option标签

selected属性：表示勾选当前选项
value属性：用于发送给服务器的选项值

注意：

如果使用多选，那么选择的时候，需要按下ctrl键进行选择
size属性我们一般情况下不去设置
selected属性如果不设置，默认显示的是列表中的第一个选项
value属性，如果不设置的话，发送给服务器的值是option的文本值，如果设置了value属性值，那么发送的就是value值，一般情况下我们都需要设置

textarea标签

文本域，用于多行输入文本信息

name属性：用于发送给服务器的名称
cols属性：用于指定文本域的列数
rows属性：用于指定文本域的行数

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 标签的组成部分 由三部分构成
		 1.标签名	
	     2.标签的属性值
	     3.标签的文本内容 
	 -->	
	<a href="https://www.baidu.com" >百度一下，你就知道</a>	
	<select>
		<option value="1">计算机科学与工程</option>
	</select>
	<hr>
	<form action="#" method="get">
		<input type="text" name ="id" placeholder="身份描述信息">
		<textarea rows="10" cols="40" name = "evaluation"></textarea>
		<!-- rows 文本域的行数
		     cols 文本域的列数
		     name:发送给服务器需要的名称
		     value：textarea文本域的内容
		 -->
		<select name="professional">
			<option value="1">计算机科学与工程</option>
			<option value="2" selected>通信工程</option>
			<option value="3">软件工程</option>
			<option value="4">物联网</option>
		</select>
		<input type="submit" value="提交">
	</form>
		
	
</body>
</html>

czw10000

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
select标签&&textarea标签

select标签下拉列表标签，常用于单选和多选，是一个组合标签，需要和子标签option一起搭配使用，不会独占一行常用属性：name属性：发送给服务器使用的multiple属性：不写默认单选，取值为multiple表示多选，一般我们常用单选size属性：可见选项的数目。option标签selected属性：表示勾选当前选项value属性：用于发送给服务器的选项值注意：如果使用多选，那么选择的时候，需要按下ctrl键进行选择size属性我们一般情况下不去设置select
复制链接

扫一扫