Form表单以及各种信息框(文本框，密码框，单选/复选框，下拉列表框)

最新推荐文章于 2024-07-12 17:43:38 发布

康康叹气

最新推荐文章于 2024-07-12 17:43:38 发布

阅读量2.8k

点赞数 2

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_46343373/article/details/108033838

版权

笔记专栏收录该内容

37 篇文章 0 订阅

订阅专栏

表单的使用

<form action="信息最后提交到的地方" method="get或者post">

<!-- 中间可以写入各种信息框-->

</from>

使用案例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<!-- 将表单提交到target.html -->

	<form action="target.html" method="get">
	    
	    <!-- 文本框 类型为"text"-->
		用户名：<input type="text" name="username" /><br /><br />

       <!--密码框 类型为"password"-->
		密码：<input type="password" name="password" /><br /><br />
	
	   <!-- 单选框类型为"radio",所有的name相同，但是value不同 -->
	    <input type="radio" name="gender" value="male" />男生
		<input type="radio" name="gender" checked="checked" value="female" />女生
		<input type="radio" name="gender" value="eastSuccess" />东方不败<br /><br />

         <!--多选框类型为"checkbox"所有的那么相同，value不同-->
        巴西<input type="checkbox" name="soccerTeam" value="Brazil" />
		德国<input type="checkbox" name="soccerTeam" value="German" />
		荷兰<input type="checkbox" name="soccerTeam" value="Holland" /><br /><br />

		<!--下拉列表框-->
		年龄：
		<select>
			<option value="t1">20</option>
			<option value="t2">21</option>
			<option value="t3">22</option>
		</select>
        <br /><br />
        <!--提交按钮-->
		<input type="submit" value="登录" />
	</form>
</body>
</html>

代码结果展示
在这里插入图片描述

康康叹气

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
Form表单以及各种信息框(文本框，密码框，单选/复选框，下拉列表框)

表单的使用<form action="信息最后提交到的地方" method="get或者post"></from>使用案例<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body>
复制链接

扫一扫